From c3e65742559b79f45f4370999674214d5471b769 Mon Sep 17 00:00:00 2001
From: Elliot Hershberg <eahershberg@gmail.com>
Date: Fri, 9 Jul 2021 12:31:05 -0700
Subject: [PATCH] Update render test to use snap

---
 .../components/GridBookmarkWidget.test.js     |   4 +-
 .../GridBookmarkWidget.test.js.snap           | 455 ++++++++++++++++++
 2 files changed, 457 insertions(+), 2 deletions(-)
 create mode 100644 plugins/data-management/src/GridBookmarkWidget/components/__snapshots__/GridBookmarkWidget.test.js.snap

diff --git a/plugins/data-management/src/GridBookmarkWidget/components/GridBookmarkWidget.test.js b/plugins/data-management/src/GridBookmarkWidget/components/GridBookmarkWidget.test.js
index 96b62a6133..4c5d337622 100644
--- a/plugins/data-management/src/GridBookmarkWidget/components/GridBookmarkWidget.test.js
+++ b/plugins/data-management/src/GridBookmarkWidget/components/GridBookmarkWidget.test.js
@@ -51,9 +51,9 @@ describe('<GridBookmarkWidget />', () => {
       assemblyName: 'hg19',
     })
 
-    const { findByText } = render(<GridBookmarkWidget model={model} />)
+    const { container } = render(<GridBookmarkWidget model={model} />)
 
-    expect(await findByText('hg19')).toBeTruthy()
+    expect(container.firstChild).toMatchSnapshot()
   })
 
   it('deletes individual bookmarks correctly', async () => {
diff --git a/plugins/data-management/src/GridBookmarkWidget/components/__snapshots__/GridBookmarkWidget.test.js.snap b/plugins/data-management/src/GridBookmarkWidget/components/__snapshots__/GridBookmarkWidget.test.js.snap
new file mode 100644
index 0000000000..61a81e8ea1
--- /dev/null
+++ b/plugins/data-management/src/GridBookmarkWidget/components/__snapshots__/GridBookmarkWidget.test.js.snap
@@ -0,0 +1,455 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<GridBookmarkWidget /> renders bookmarks correctly 1`] = `
+<div
+  class="makeStyles-container"
+>
+  <button
+    class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-downloadButton"
+    tabindex="0"
+    type="button"
+  >
+    <span
+      class="MuiButton-label"
+    >
+      <span
+        class="MuiButton-startIcon MuiButton-iconSizeMedium"
+      >
+        <svg
+          aria-hidden="true"
+          class="MuiSvgIcon-root"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"
+          />
+        </svg>
+      </span>
+      Download
+    </span>
+    <span
+      class="MuiTouchRipple-root"
+    />
+  </button>
+  <button
+    aria-label="clear bookmarks"
+    class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-clearButton"
+    tabindex="0"
+    type="button"
+  >
+    <span
+      class="MuiButton-label"
+    >
+      <span
+        class="MuiButton-startIcon MuiButton-iconSizeMedium"
+      >
+        <svg
+          aria-hidden="true"
+          class="MuiSvgIcon-root"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M5 13h14v-2H5v2zm-2 4h14v-2H3v2zM7 7v2h14V7H7z"
+          />
+        </svg>
+      </span>
+      Clear bookmarks
+    </span>
+    <span
+      class="MuiTouchRipple-root"
+    />
+  </button>
+  <div
+    style="height: 800px; width: 100%;"
+  >
+    <div
+      aria-colcount="2"
+      aria-label="grid"
+      aria-multiselectable="false"
+      aria-rowcount="1"
+      class="MuiDataGrid-root MuiDataGrid-root"
+      role="grid"
+    >
+      <div>
+        <div />
+      </div>
+      <div
+        class="MuiDataGrid-main"
+      >
+        <div
+          class="MuiDataGrid-columnsContainer"
+          style="min-height: 56px; max-height: 56px; line-height: 56px;"
+        >
+          <div
+            aria-rowindex="1"
+            class="MuiDataGrid-colCellWrapper scroll"
+            role="row"
+            style="transform: translate3d(-0px, 0, 0); min-width: 325px;"
+          >
+            <div
+              aria-colindex="1"
+              class="MuiDataGrid-colCell MuiDataGrid-colCellSortable"
+              data-field="id"
+              role="columnheader"
+              style="width: 300px; min-width: 300px; max-width: 300px;"
+              tabindex="0"
+            >
+              <div
+                class="MuiDataGrid-colCell-draggable"
+                draggable="false"
+              >
+                <div
+                  class="MuiDataGrid-colCellTitleContainer"
+                >
+                  <div
+                    class="MuiDataGrid-colCellTitle"
+                    title=""
+                  >
+                    bookmark link
+                  </div>
+                </div>
+                <div
+                  class="MuiDataGrid-menuIcon"
+                >
+                  <button
+                    aria-controls="mui-26439"
+                    aria-haspopup="true"
+                    aria-label="Menu"
+                    class="MuiButtonBase-root MuiIconButton-root MuiDataGrid-menuIconButton MuiIconButton-sizeSmall"
+                    id="mui-87788"
+                    tabindex="-1"
+                    title="Menu"
+                    type="button"
+                  >
+                    <span
+                      class="MuiIconButton-label"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall"
+                        focusable="false"
+                        viewBox="0 0 24 24"
+                      >
+                        <path
+                          d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="MuiTouchRipple-root"
+                    />
+                  </button>
+                </div>
+              </div>
+              <div
+                class="MuiDataGrid-columnSeparator"
+                style="min-height: 56px; opacity: 1;"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root MuiDataGrid-iconSeparator"
+                  focusable="false"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M11 19V5h2v14z"
+                  />
+                </svg>
+              </div>
+            </div>
+            <div
+              aria-colindex="2"
+              class="MuiDataGrid-colCell MuiDataGrid-colCellSortable"
+              data-field="delete"
+              role="columnheader"
+              style="width: 25px; min-width: 25px; max-width: 25px;"
+              tabindex="-1"
+            >
+              <div
+                class="MuiDataGrid-colCell-draggable"
+                draggable="false"
+              >
+                <div
+                  class="MuiDataGrid-colCellTitleContainer"
+                >
+                  <div
+                    class="MuiDataGrid-colCellTitle"
+                    title=""
+                  >
+                    delete
+                  </div>
+                </div>
+                <div
+                  class="MuiDataGrid-menuIcon"
+                >
+                  <button
+                    aria-controls="mui-19605"
+                    aria-haspopup="true"
+                    aria-label="Menu"
+                    class="MuiButtonBase-root MuiIconButton-root MuiDataGrid-menuIconButton MuiIconButton-sizeSmall"
+                    id="mui-98135"
+                    tabindex="-1"
+                    title="Menu"
+                    type="button"
+                  >
+                    <span
+                      class="MuiIconButton-label"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall"
+                        focusable="false"
+                        viewBox="0 0 24 24"
+                      >
+                        <path
+                          d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="MuiTouchRipple-root"
+                    />
+                  </button>
+                </div>
+              </div>
+              <div
+                class="MuiDataGrid-columnSeparator"
+                style="min-height: 56px; opacity: 1;"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root MuiDataGrid-iconSeparator"
+                  focusable="false"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M11 19V5h2v14z"
+                  />
+                </svg>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          style="overflow: visible; height: 0px; width: 0px;"
+        >
+          <div
+            class="MuiDataGrid-windowContainer"
+            style="width: 0px; height: 0px;"
+          >
+            <div
+              class="MuiDataGrid-window"
+              style="top: 56px; overflow-y: auto;"
+            >
+              <div
+                class="MuiDataGrid-dataContainer data-container"
+                style="min-width: 325px; min-height: 52px;"
+              >
+                <div
+                  class="MuiDataGrid-viewport"
+                  style="min-width: 0; max-width: 0; max-height: 0;"
+                >
+                  <div
+                    class="MuiDataGrid-renderingZone"
+                    style="max-height: 52px; width: 325px; pointer-events: none; transform: translate3d(-0px, -0px, 0);"
+                  >
+                    <div
+                      aria-rowindex="2"
+                      aria-selected="false"
+                      class="MuiDataGrid-row Mui-even"
+                      data-id="chr1:1..12"
+                      data-rowindex="0"
+                      role="row"
+                      style="max-height: 52px; min-height: 52px;"
+                    >
+                      <div
+                        aria-colindex="0"
+                        class="MuiDataGrid-cell  MuiDataGrid-cellWithRenderer MuiDataGrid-cellLeft"
+                        data-field="id"
+                        data-mode="view"
+                        data-rowindex="0"
+                        data-value="chr1:1..12"
+                        role="cell"
+                        style="min-width: 300px; max-width: 300px; line-height: 51px; min-height: 52px; max-height: 52px;"
+                        tabindex="-1"
+                      >
+                        <a
+                          class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorPrimary"
+                        >
+                          chr1:1..12
+                        </a>
+                      </div>
+                      <div
+                        aria-colindex="1"
+                        class="MuiDataGrid-cell  MuiDataGrid-cellWithRenderer MuiDataGrid-cellLeft"
+                        data-field="delete"
+                        data-mode="view"
+                        data-rowindex="0"
+                        data-value="chr1:1..12"
+                        role="cell"
+                        style="min-width: 25px; max-width: 25px; line-height: 51px; min-height: 52px; max-height: 52px;"
+                        tabindex="-1"
+                      >
+                        <button
+                          aria-label="delete"
+                          class="MuiButtonBase-root MuiIconButton-root"
+                          data-testid="deleteBookmark"
+                          tabindex="0"
+                          type="button"
+                        >
+                          <span
+                            class="MuiIconButton-label"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root"
+                              focusable="false"
+                              viewBox="0 0 24 24"
+                            >
+                              <path
+                                d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
+                              />
+                            </svg>
+                          </span>
+                          <span
+                            class="MuiTouchRipple-root"
+                          />
+                        </button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="Mui-resizeTriggers"
+        >
+          <div
+            class="expand-trigger"
+          >
+            <div
+              style="width: 1px; height: 1px;"
+            />
+          </div>
+          <div
+            class="contract-trigger"
+          />
+        </div>
+      </div>
+      <div>
+        <div
+          class="MuiDataGrid-footer"
+        >
+          <div />
+          <div
+            class="MuiTablePagination-root"
+          >
+            <div
+              class="MuiToolbar-root MuiToolbar-regular MuiTablePagination-toolbar MuiToolbar-gutters"
+            >
+              <div
+                class="MuiTablePagination-spacer"
+              />
+              <p
+                class="MuiTypography-root MuiTablePagination-caption makeStyles-caption MuiTypography-body2 MuiTypography-colorInherit"
+                id="mui-17548"
+              >
+                Rows per page:
+              </p>
+              <div
+                class="MuiInputBase-root MuiTablePagination-input makeStyles-input MuiTablePagination-selectRoot"
+              >
+                <div
+                  aria-haspopup="listbox"
+                  aria-labelledby="mui-17548 mui-59691"
+                  class="MuiSelect-root MuiSelect-select MuiTablePagination-select MuiSelect-selectMenu MuiInputBase-input"
+                  id="mui-59691"
+                  role="button"
+                  tabindex="0"
+                >
+                  100
+                </div>
+                <input
+                  aria-hidden="true"
+                  class="MuiSelect-nativeInput"
+                  tabindex="-1"
+                  value="100"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root MuiSelect-icon MuiTablePagination-selectIcon"
+                  focusable="false"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M7 10l5 5 5-5z"
+                  />
+                </svg>
+              </div>
+              <p
+                class="MuiTypography-root MuiTablePagination-caption makeStyles-caption MuiTypography-body2 MuiTypography-colorInherit"
+              >
+                1-1 of 1
+              </p>
+              <div
+                class="MuiTablePagination-actions"
+              >
+                <button
+                  aria-label="Previous page"
+                  class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit MuiIconButton-disabled MuiButtonBase-disabled"
+                  disabled=""
+                  tabindex="-1"
+                  title="Previous page"
+                  type="button"
+                >
+                  <span
+                    class="MuiIconButton-label"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root"
+                      focusable="false"
+                      viewBox="0 0 24 24"
+                    >
+                      <path
+                        d="M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
+                      />
+                    </svg>
+                  </span>
+                </button>
+                <button
+                  aria-label="Next page"
+                  class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit MuiIconButton-disabled MuiButtonBase-disabled"
+                  disabled=""
+                  tabindex="-1"
+                  title="Next page"
+                  type="button"
+                >
+                  <span
+                    class="MuiIconButton-label"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root"
+                      focusable="false"
+                      viewBox="0 0 24 24"
+                    >
+                      <path
+                        d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
+                      />
+                    </svg>
+                  </span>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;