From 8557dda8eb03602b6cbb6f61800acf7effe5feed Mon Sep 17 00:00:00 2001
From: Kirill Kharitonov <kirkharitonov@qavm-477c8d9e.qemu>
Date: Wed, 31 Jan 2024 19:18:32 +0300
Subject: [PATCH] test: removed snapshot Table tests

---
 .../Table/__tests__/Table.hocs.test.ts        |  41 ---
 src/components/Table/__tests__/Table.test.tsx |  69 ----
 .../__snapshots__/Table.hocs.test.ts.snap     | 300 -----------------
 .../__snapshots__/Table.test.tsx.snap         | 311 ------------------
 4 files changed, 721 deletions(-)
 delete mode 100644 src/components/Table/__tests__/__snapshots__/Table.hocs.test.ts.snap
 delete mode 100644 src/components/Table/__tests__/__snapshots__/Table.test.tsx.snap

diff --git a/src/components/Table/__tests__/Table.hocs.test.ts b/src/components/Table/__tests__/Table.hocs.test.ts
index d6d858122e..b6c3853615 100644
--- a/src/components/Table/__tests__/Table.hocs.test.ts
+++ b/src/components/Table/__tests__/Table.hocs.test.ts
@@ -24,47 +24,6 @@ function getTextContent(html = '') {
 }
 
 describe('Table HOCs tests', () => {
-    it('withTableActions should match snapshot', () => {
-        const Table1 = withTableActions<Model>(Table);
-
-        type Props = TableProps<Model> & WithTableActionsProps<Model>;
-        const props: Props = {
-            data: [{disabled: false}, {disabled: true}],
-            columns: [{id: 'name'}],
-            isRowDisabled: ({disabled}) => disabled,
-            getRowActions: () => [],
-        };
-        const {container} = render(React.createElement<Props>(Table1, props));
-
-        expect(container).toMatchSnapshot();
-    });
-
-    it('all HOCs should match snapshot', () => {
-        const Table1 = withTableSorting(
-            withTableSettings(withTableCopy(withTableActions(withTableSelection<Model>(Table)))),
-        );
-
-        type Props = TableProps<Model> &
-            WithTableActionsProps<Model> &
-            WithTableSelectionProps<Model> &
-            WithTableSettingsProps &
-            WithTableSortingProps;
-
-        const props: Props = {
-            data: [{disabled: false}, {disabled: true}],
-            columns: [{id: 'name'}],
-            isRowDisabled: ({disabled}) => disabled,
-            selectedIds: [],
-            onSelectionChange: () => {},
-            getRowActions: () => [],
-            updateSettings: () => Promise.resolve(),
-            settings: [],
-        };
-        const {container} = render(React.createElement<Props>(Table1, props));
-
-        expect(container).toMatchSnapshot();
-    });
-
     it('using withTableActions and withTableSelection should not depend of order', () => {
         const Table1 = withTableActions(withTableSelection<Model>(Table));
         const Table2 = withTableSelection(withTableActions<Model>(Table));
diff --git a/src/components/Table/__tests__/Table.test.tsx b/src/components/Table/__tests__/Table.test.tsx
index db8ed9cf9c..a342fec7ce 100644
--- a/src/components/Table/__tests__/Table.test.tsx
+++ b/src/components/Table/__tests__/Table.test.tsx
@@ -19,75 +19,6 @@ describe('Table', () => {
         expect(rows.length).toBe(data.length + 1);
     });
 
-    test('should render empty state', () => {
-        const props: TableProps<DataItem> = {data: [], columns: [{id: 'name'}]};
-        const {container} = render(React.createElement<TableProps<DataItem>>(Table, props));
-
-        expect(container).toMatchSnapshot();
-    });
-
-    test('should correctly apply `align` prop', () => {
-        const props: TableProps<{}> = {
-            data: [{}],
-            columns: [
-                {id: 'name1', align: 'left'},
-                {id: 'name2', align: 'right'},
-                {id: 'name3', align: 'center'},
-            ],
-        };
-        const {container} = render(React.createElement<TableProps<{}>>(Table, props));
-
-        expect(container).toMatchSnapshot();
-    });
-
-    test('should correctly apply `width` prop', () => {
-        const props: TableProps<{}> = {
-            data: [{}],
-            columns: [
-                {id: 'name1', width: 100},
-                {id: 'name2', width: 200},
-                {id: 'name3', width: 300},
-            ],
-        };
-        const {container} = render(React.createElement<TableProps<{}>>(Table, props));
-
-        expect(container).toMatchSnapshot();
-    });
-
-    test('should correctly apply `primary` prop', () => {
-        const props: TableProps<{}> = {
-            data: [{}],
-            columns: [{id: 'name1', primary: true}, {id: 'name2', primary: false}, {id: 'name3'}],
-        };
-        const {container} = render(React.createElement<TableProps<{}>>(Table, props));
-
-        expect(container).toMatchSnapshot();
-    });
-
-    test('should correctly add custom row classnames', () => {
-        const props: TableProps<{}> = {
-            data: [{}],
-            columns: [{id: 'name'}],
-            getRowClassNames: () => ['custom-row', 'custom-row_mod'],
-        };
-        const {container} = render(React.createElement<TableProps<{}>>(Table, props));
-
-        expect(container).toMatchSnapshot();
-    });
-
-    test('should correctly add disabled classname', () => {
-        const props: TableProps<{disabled: boolean}> = {
-            data: [{disabled: false}, {disabled: true}],
-            columns: [{id: 'name'}],
-            isRowDisabled: ({disabled}) => disabled,
-        };
-        const {container} = render(
-            React.createElement<TableProps<{disabled: boolean}>>(Table, props),
-        );
-
-        expect(container).toMatchSnapshot();
-    });
-
     test.each(new Array<'top' | 'middle'>('top', 'middle'))(
         'render with given "%s" vertical align',
         (align) => {
diff --git a/src/components/Table/__tests__/__snapshots__/Table.hocs.test.ts.snap b/src/components/Table/__tests__/__snapshots__/Table.hocs.test.ts.snap
deleted file mode 100644
index 8260ca57d9..0000000000
--- a/src/components/Table/__tests__/__snapshots__/Table.hocs.test.ts.snap
+++ /dev/null
@@ -1,300 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Table HOCs tests all HOCs should match snapshot 1`] = `
-<div>
-  <div
-    class="yc-table"
-  >
-    <table
-      class="yc-table__table"
-    >
-      <thead
-        class="yc-table__head"
-      >
-        <tr
-          class="yc-table__row"
-        >
-          <th
-            class="yc-table__cell yc-table__cell_edge-padding yc-table__checkbox_cell"
-          >
-            <label
-              class="yc-control-label yc-control-label_size_l yc-checkbox yc-checkbox_size_l yc-table__selection-checkbox"
-            >
-              <span
-                class="yc-control-label__indicator yc-checkbox__indicator"
-              >
-                <span
-                  aria-hidden="true"
-                  class="yc-checkbox__icon"
-                >
-                  <svg
-                    class="yc-checkbox__icon-svg yc-checkbox__icon-svg_type_tick"
-                    fill="currentColor"
-                    height="16"
-                    viewBox="0 0 12 10"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M.49 5.385l1.644-1.644 4.385 4.385L4.874 9.77.49 5.385zm4.384 1.096L10.356 1 12 2.644 6.519 8.126 4.874 6.48v.001z"
-                    />
-                  </svg>
-                </span>
-                <input
-                  aria-checked="false"
-                  class="yc-checkbox__control"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="yc-checkbox__outline"
-                />
-              </span>
-            </label>
-          </th>
-          <th
-            class="yc-table__cell yc-table__cell_edge-padding"
-          >
-            name
-          </th>
-          <th
-            class="yc-table__cell yc-table__cell_sticky_right yc-table__cell_edge-padding"
-            style="width: 28px; right: 0px;"
-          >
-            <div
-              class="yc-table__settings"
-            >
-              <div
-                class="yc-table-column-setup"
-              >
-                <div
-                  class="yc-table-column-setup__control"
-                >
-                  <button
-                    aria-label="Table settings"
-                    class="yc-button yc-button_view_flat yc-button_size_m yc-button_pin_round-round yc-table__settings-button"
-                    type="button"
-                  >
-                    <span
-                      class="yc-button__icon"
-                    >
-                      <span
-                        class="yc-button__icon-inner"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="yc-icon"
-                          fill="currentColor"
-                          height="16"
-                          stroke="none"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                          xmlns:xlink="http://www.w3.org/1999/xlink"
-                        >
-                          <svg
-                            fill="none"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <g
-                              clip-path="url(#a)"
-                            >
-                              <path
-                                clip-rule="evenodd"
-                                d="M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.199.199 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.699 1.699 0 0 1-.622-2.321l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                            </g>
-                            <defs>
-                              <clippath
-                                id="a"
-                              >
-                                <path
-                                  d="M0 0h16v16H0z"
-                                  fill="currentColor"
-                                />
-                              </clippath>
-                            </defs>
-                          </svg>
-                        </svg>
-                      </span>
-                    </span>
-                  </button>
-                </div>
-              </div>
-            </div>
-          </th>
-        </tr>
-      </thead>
-      <tbody
-        class="yc-table__body"
-      >
-        <tr
-          class="yc-table__row"
-        >
-          <td
-            class="yc-table__cell yc-table__cell_edge-padding yc-table__checkbox_cell"
-          >
-            <label
-              class="yc-control-label yc-control-label_size_l yc-checkbox yc-checkbox_size_l yc-table__selection-checkbox"
-            >
-              <span
-                class="yc-control-label__indicator yc-checkbox__indicator"
-              >
-                <span
-                  aria-hidden="true"
-                  class="yc-checkbox__icon"
-                >
-                  <svg
-                    class="yc-checkbox__icon-svg yc-checkbox__icon-svg_type_tick"
-                    fill="currentColor"
-                    height="16"
-                    viewBox="0 0 12 10"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M.49 5.385l1.644-1.644 4.385 4.385L4.874 9.77.49 5.385zm4.384 1.096L10.356 1 12 2.644 6.519 8.126 4.874 6.48v.001z"
-                    />
-                  </svg>
-                </span>
-                <input
-                  aria-checked="false"
-                  class="yc-checkbox__control"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="yc-checkbox__outline"
-                />
-              </span>
-            </label>
-          </td>
-          <td
-            class="yc-table__cell yc-table__cell_edge-padding"
-          >
-            —
-          </td>
-          <td
-            class="yc-table__cell yc-table__cell_sticky_right yc-table__cell_edge-padding"
-            style="width: 28px; right: 0px;"
-          />
-        </tr>
-        <tr
-          class="yc-table__row yc-table__row_disabled"
-        >
-          <td
-            class="yc-table__cell yc-table__cell_edge-padding yc-table__checkbox_cell"
-          >
-            <label
-              class="yc-control-label yc-control-label_size_l yc-control-label_disabled yc-checkbox yc-checkbox_size_l yc-checkbox_disabled yc-table__selection-checkbox"
-            >
-              <span
-                class="yc-control-label__indicator yc-checkbox__indicator"
-              >
-                <span
-                  aria-hidden="true"
-                  class="yc-checkbox__icon"
-                >
-                  <svg
-                    class="yc-checkbox__icon-svg yc-checkbox__icon-svg_type_tick"
-                    fill="currentColor"
-                    height="16"
-                    viewBox="0 0 12 10"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M.49 5.385l1.644-1.644 4.385 4.385L4.874 9.77.49 5.385zm4.384 1.096L10.356 1 12 2.644 6.519 8.126 4.874 6.48v.001z"
-                    />
-                  </svg>
-                </span>
-                <input
-                  aria-checked="false"
-                  class="yc-checkbox__control"
-                  disabled=""
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="yc-checkbox__outline"
-                />
-              </span>
-            </label>
-          </td>
-          <td
-            class="yc-table__cell yc-table__cell_edge-padding"
-          >
-            —
-          </td>
-          <td
-            class="yc-table__cell yc-table__cell_sticky_right yc-table__cell_edge-padding"
-            style="width: 28px; right: 0px;"
-          />
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</div>
-`;
-
-exports[`Table HOCs tests withTableActions should match snapshot 1`] = `
-<div>
-  <div
-    class="yc-table"
-  >
-    <table
-      class="yc-table__table"
-    >
-      <thead
-        class="yc-table__head"
-      >
-        <tr
-          class="yc-table__row"
-        >
-          <th
-            class="yc-table__cell yc-table__cell_edge-padding"
-          >
-            name
-          </th>
-          <th
-            class="yc-table__cell yc-table__cell_sticky_right yc-table__cell_edge-padding"
-            style="width: 28px; right: 0px;"
-          />
-        </tr>
-      </thead>
-      <tbody
-        class="yc-table__body"
-      >
-        <tr
-          class="yc-table__row"
-        >
-          <td
-            class="yc-table__cell yc-table__cell_edge-padding"
-          >
-            —
-          </td>
-          <td
-            class="yc-table__cell yc-table__cell_sticky_right yc-table__cell_edge-padding"
-            style="width: 28px; right: 0px;"
-          />
-        </tr>
-        <tr
-          class="yc-table__row yc-table__row_disabled"
-        >
-          <td
-            class="yc-table__cell yc-table__cell_edge-padding"
-          >
-            —
-          </td>
-          <td
-            class="yc-table__cell yc-table__cell_sticky_right yc-table__cell_edge-padding"
-            style="width: 28px; right: 0px;"
-          />
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</div>
-`;
diff --git a/src/components/Table/__tests__/__snapshots__/Table.test.tsx.snap b/src/components/Table/__tests__/__snapshots__/Table.test.tsx.snap
deleted file mode 100644
index 4bb5d4b58a..0000000000
--- a/src/components/Table/__tests__/__snapshots__/Table.test.tsx.snap
+++ /dev/null
@@ -1,311 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Table should correctly add custom row classnames 1`] = `
-<div>
-  <div
-    class="yc-table"
-  >
-    <table
-      class="yc-table__table"
-    >
-      <thead
-        class="yc-table__head"
-      >
-        <tr
-          class="yc-table__row"
-        >
-          <th
-            class="yc-table__cell yc-table__cell_edge-padding"
-          >
-            name
-          </th>
-        </tr>
-      </thead>
-      <tbody
-        class="yc-table__body"
-      >
-        <tr
-          class="yc-table__row custom-row custom-row_mod"
-        >
-          <td
-            class="yc-table__cell yc-table__cell_edge-padding"
-          >
-            —
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</div>
-`;
-
-exports[`Table should correctly add disabled classname 1`] = `
-<div>
-  <div
-    class="yc-table"
-  >
-    <table
-      class="yc-table__table"
-    >
-      <thead
-        class="yc-table__head"
-      >
-        <tr
-          class="yc-table__row"
-        >
-          <th
-            class="yc-table__cell yc-table__cell_edge-padding"
-          >
-            name
-          </th>
-        </tr>
-      </thead>
-      <tbody
-        class="yc-table__body"
-      >
-        <tr
-          class="yc-table__row"
-        >
-          <td
-            class="yc-table__cell yc-table__cell_edge-padding"
-          >
-            —
-          </td>
-        </tr>
-        <tr
-          class="yc-table__row yc-table__row_disabled"
-        >
-          <td
-            class="yc-table__cell yc-table__cell_edge-padding"
-          >
-            —
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</div>
-`;
-
-exports[`Table should correctly apply \`align\` prop 1`] = `
-<div>
-  <div
-    class="yc-table"
-  >
-    <table
-      class="yc-table__table"
-    >
-      <thead
-        class="yc-table__head"
-      >
-        <tr
-          class="yc-table__row"
-        >
-          <th
-            class="yc-table__cell yc-table__cell_align_left yc-table__cell_edge-padding"
-          >
-            name1
-          </th>
-          <th
-            class="yc-table__cell yc-table__cell_align_right yc-table__cell_edge-padding"
-          >
-            name2
-          </th>
-          <th
-            class="yc-table__cell yc-table__cell_align_center yc-table__cell_edge-padding"
-          >
-            name3
-          </th>
-        </tr>
-      </thead>
-      <tbody
-        class="yc-table__body"
-      >
-        <tr
-          class="yc-table__row"
-        >
-          <td
-            class="yc-table__cell yc-table__cell_align_left yc-table__cell_edge-padding"
-          >
-            —
-          </td>
-          <td
-            class="yc-table__cell yc-table__cell_align_right yc-table__cell_edge-padding"
-          >
-            —
-          </td>
-          <td
-            class="yc-table__cell yc-table__cell_align_center yc-table__cell_edge-padding"
-          >
-            —
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</div>
-`;
-
-exports[`Table should correctly apply \`primary\` prop 1`] = `
-<div>
-  <div
-    class="yc-table yc-table_with-primary"
-  >
-    <table
-      class="yc-table__table"
-    >
-      <thead
-        class="yc-table__head"
-      >
-        <tr
-          class="yc-table__row"
-        >
-          <th
-            class="yc-table__cell yc-table__cell_primary yc-table__cell_edge-padding"
-          >
-            name1
-          </th>
-          <th
-            class="yc-table__cell yc-table__cell_edge-padding"
-          >
-            name2
-          </th>
-          <th
-            class="yc-table__cell yc-table__cell_edge-padding"
-          >
-            name3
-          </th>
-        </tr>
-      </thead>
-      <tbody
-        class="yc-table__body"
-      >
-        <tr
-          class="yc-table__row"
-        >
-          <td
-            class="yc-table__cell yc-table__cell_primary yc-table__cell_edge-padding"
-          >
-            —
-          </td>
-          <td
-            class="yc-table__cell yc-table__cell_edge-padding"
-          >
-            —
-          </td>
-          <td
-            class="yc-table__cell yc-table__cell_edge-padding"
-          >
-            —
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</div>
-`;
-
-exports[`Table should correctly apply \`width\` prop 1`] = `
-<div>
-  <div
-    class="yc-table"
-  >
-    <table
-      class="yc-table__table"
-    >
-      <thead
-        class="yc-table__head"
-      >
-        <tr
-          class="yc-table__row"
-        >
-          <th
-            class="yc-table__cell yc-table__cell_edge-padding"
-            style="width: 100px;"
-          >
-            name1
-          </th>
-          <th
-            class="yc-table__cell yc-table__cell_edge-padding"
-            style="width: 200px;"
-          >
-            name2
-          </th>
-          <th
-            class="yc-table__cell yc-table__cell_edge-padding"
-            style="width: 300px;"
-          >
-            name3
-          </th>
-        </tr>
-      </thead>
-      <tbody
-        class="yc-table__body"
-      >
-        <tr
-          class="yc-table__row"
-        >
-          <td
-            class="yc-table__cell yc-table__cell_edge-padding"
-            style="width: 100px;"
-          >
-            —
-          </td>
-          <td
-            class="yc-table__cell yc-table__cell_edge-padding"
-            style="width: 200px;"
-          >
-            —
-          </td>
-          <td
-            class="yc-table__cell yc-table__cell_edge-padding"
-            style="width: 300px;"
-          >
-            —
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</div>
-`;
-
-exports[`Table should render empty state 1`] = `
-<div>
-  <div
-    class="yc-table"
-  >
-    <table
-      class="yc-table__table"
-    >
-      <thead
-        class="yc-table__head"
-      >
-        <tr
-          class="yc-table__row"
-        >
-          <th
-            class="yc-table__cell yc-table__cell_edge-padding"
-          >
-            name
-          </th>
-        </tr>
-      </thead>
-      <tbody
-        class="yc-table__body"
-      >
-        <tr
-          class="yc-table__row yc-table__row_empty"
-        >
-          <td
-            class="yc-table__cell"
-            colspan="1"
-          >
-            No data
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</div>
-`;