diff --git a/src/components/basic_table/__snapshots__/pagination_bar.test.tsx.snap b/src/components/basic_table/__snapshots__/pagination_bar.test.tsx.snap
index 2366e0d0f51a..5afd7642a419 100644
--- a/src/components/basic_table/__snapshots__/pagination_bar.test.tsx.snap
+++ b/src/components/basic_table/__snapshots__/pagination_bar.test.tsx.snap
@@ -1,72 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`PaginationBar render - custom page size options 1`] = `
-<div>
-  <EuiSpacer
-    size="m"
-  />
-  <EuiTablePagination
-    activePage={0}
-    itemsPerPage={5}
-    itemsPerPageOptions={
-      Array [
-        1,
-        2,
-        3,
-      ]
-    }
-    onChangeItemsPerPage={[Function]}
-    onChangePage={[Function]}
-    pageCount={0}
-  />
-</div>
-`;
-
-exports[`PaginationBar render - hiding per page options 1`] = `
-<div>
-  <EuiSpacer
-    size="m"
-  />
-  <EuiTablePagination
-    activePage={0}
-    itemsPerPage={5}
-    itemsPerPageOptions={
-      Array [
-        10,
-        25,
-        50,
-      ]
-    }
-    onChangeItemsPerPage={[Function]}
-    onChangePage={[Function]}
-    pageCount={0}
-    showPerPageOptions={false}
-  />
-</div>
-`;
-
-exports[`PaginationBar render - show all pageSize 1`] = `
-<div>
-  <EuiSpacer
-    size="m"
-  />
-  <EuiTablePagination
-    activePage={0}
-    itemsPerPage={0}
-    itemsPerPageOptions={
-      Array [
-        1,
-        5,
-        0,
-      ]
-    }
-    onChangeItemsPerPage={[Function]}
-    onChangePage={[Function]}
-    pageCount={1}
-  />
-</div>
-`;
-
 exports[`PaginationBar renders 1`] = `
 <div>
   <div
diff --git a/src/components/basic_table/pagination_bar.test.tsx b/src/components/basic_table/pagination_bar.test.tsx
index 5233bb14a65b..c8460b0e24fb 100644
--- a/src/components/basic_table/pagination_bar.test.tsx
+++ b/src/components/basic_table/pagination_bar.test.tsx
@@ -7,78 +7,44 @@
  */
 
 import React from 'react';
-import { shallow } from 'enzyme';
+import { fireEvent } from '@testing-library/react';
 import { render } from '../../test/rtl';
 import { requiredProps } from '../../test';
 
 import { PaginationBar } from './pagination_bar';
 
 describe('PaginationBar', () => {
-  it('renders', () => {
-    const props = {
-      ...requiredProps,
-      pagination: {
-        pageIndex: 0,
-        pageSize: 5,
-        totalItemCount: 0,
-      },
-      onPageSizeChange: () => {},
-      onPageChange: () => {},
-    };
+  const props = {
+    ...requiredProps,
+    pagination: {
+      pageIndex: 0,
+      pageSize: 5,
+      totalItemCount: 0,
+    },
+    onPageSizeChange: () => {},
+    onPageChange: () => {},
+  };
 
+  it('renders', () => {
     const { container } = render(<PaginationBar {...props} />);
 
     expect(container.firstChild).toMatchSnapshot();
   });
 
-  test('render - custom page size options', () => {
-    const props = {
-      pagination: {
-        pageIndex: 0,
-        pageSize: 5,
-        totalItemCount: 0,
-        pageSizeOptions: [1, 2, 3],
-      },
-      onPageSizeChange: () => {},
-      onPageChange: () => {},
-    };
-
-    const component = shallow(<PaginationBar {...props} />);
-
-    expect(component).toMatchSnapshot();
-  });
-
-  test('render - hiding per page options', () => {
-    const props = {
-      pagination: {
-        pageIndex: 0,
-        pageSize: 5,
-        totalItemCount: 0,
-        showPerPageOptions: false,
-      },
-      onPageSizeChange: () => {},
-      onPageChange: () => {},
-    };
-
-    const component = shallow(<PaginationBar {...props} />);
-
-    expect(component).toMatchSnapshot();
-  });
-
-  test('render - show all pageSize', () => {
-    const props = {
-      pagination: {
-        pageIndex: 0,
-        pageSize: 0,
-        pageSizeOptions: [1, 5, 0],
-        totalItemCount: 5,
-      },
-      onPageSizeChange: () => {},
-      onPageChange: () => {},
-    };
-
-    const component = shallow(<PaginationBar {...props} />);
-
-    expect(component).toMatchSnapshot();
+  it('calls onPageChange with the correct off-by-one offset', () => {
+    const onPageChange = jest.fn();
+    const { getByLabelText } = render(
+      <PaginationBar
+        {...props}
+        pagination={{
+          ...props.pagination,
+          totalItemCount: 10,
+        }}
+        onPageChange={onPageChange}
+      />
+    );
+
+    fireEvent.click(getByLabelText('Page 2 of 2'));
+    expect(onPageChange).toHaveBeenCalledWith(1);
   });
 });
diff --git a/src/components/table/table_pagination/__snapshots__/table_pagination.test.tsx.snap b/src/components/table/table_pagination/__snapshots__/table_pagination.test.tsx.snap
index 5b43a3ccdc7c..0186f4897931 100644
--- a/src/components/table/table_pagination/__snapshots__/table_pagination.test.tsx.snap
+++ b/src/components/table/table_pagination/__snapshots__/table_pagination.test.tsx.snap
@@ -1,398 +1,329 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`EuiTablePagination hides the per page options 1`] = `
-<div
-  class="euiFlexGroup eui-xScroll emotion-euiFlexGroup-wrap-s-spaceBetween-center-row"
->
-  <div
-    class="euiFlexItem emotion-euiFlexItem-growZero"
-  />
-  <div
-    class="euiFlexItem emotion-euiFlexItem-growZero"
-  >
-    <nav
-      aria-label="aria-label"
-      class="euiPagination testClass1 testClass2 emotion-euiPagination-euiTestCss"
-      data-test-subj="test subject string"
+exports[`EuiTablePagination renders 1`] = `
+<body>
+  <div>
+    <div
+      class="euiFlexGroup eui-xScroll emotion-euiFlexGroup-wrap-s-spaceBetween-center-row"
     >
-      <span
-        aria-atomic="true"
-        aria-relevant="additions text"
-        class="emotion-euiScreenReaderOnly"
-        role="status"
-      >
-        Page 2 of 5
-      </span>
-      <button
-        aria-label="Previous page"
-        class="euiButtonIcon euiPaginationArrowButton emotion-euiButtonIcon-xs-empty-text-euiPaginationButton"
-        data-test-subj="pagination-button-previous"
-        title="Previous page"
-        type="button"
-      >
-        <span
-          aria-hidden="true"
-          class="euiButtonIcon__icon"
-          color="inherit"
-          data-euiicon-type="arrowLeft"
-        />
-      </button>
-      <ul
-        aria-label="aria-label"
-        class="euiPagination__list emotion-euiPagination__list"
+      <div
+        class="euiFlexItem emotion-euiFlexItem-growZero"
       >
-        <li
-          class="euiPagination__item"
-        >
-          <button
-            aria-label="Page 1 of 5"
-            class="euiButtonEmpty euiPaginationButton emotion-euiButtonDisplay-euiButtonEmpty-s-empty-text-euiPaginationButton"
-            data-test-subj="pagination-button-0"
-            type="button"
-          >
-            <span
-              class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
-            >
-              <span
-                class="eui-textTruncate euiButtonEmpty__text"
-              >
-                1
-              </span>
-            </span>
-          </button>
-        </li>
-        <li
-          class="euiPagination__item"
-        >
-          <button
-            aria-current="true"
-            aria-label="Page 2 of 5"
-            class="euiButtonEmpty euiPaginationButton emotion-euiButtonDisplay-euiButtonEmpty-s-empty-disabled-isDisabled-euiPaginationButton-isActive"
-            data-test-subj="pagination-button-1"
-            disabled=""
-            type="button"
-          >
-            <span
-              class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
-            >
-              <span
-                class="eui-textTruncate euiButtonEmpty__text"
-              >
-                2
-              </span>
-            </span>
-          </button>
-        </li>
-        <li
-          class="euiPagination__item"
+        <div
+          class="euiPopover emotion-euiPopover"
         >
-          <button
-            aria-label="Page 3 of 5"
-            class="euiButtonEmpty euiPaginationButton emotion-euiButtonDisplay-euiButtonEmpty-s-empty-text-euiPaginationButton"
-            data-test-subj="pagination-button-2"
-            type="button"
+          <div
+            class="euiPopover__anchor css-16vtueo-render"
           >
-            <span
-              class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
+            <button
+              class="euiButtonEmpty emotion-euiButtonDisplay-euiButtonEmpty-xs-empty-text"
+              data-test-subj="tablePaginationPopoverButton"
+              type="button"
             >
               <span
-                class="eui-textTruncate euiButtonEmpty__text"
+                class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
               >
-                3
+                <span
+                  class="eui-textTruncate euiButtonEmpty__text"
+                >
+                  Rows per page
+                  : 
+                  50
+                </span>
+                <span
+                  color="inherit"
+                  data-euiicon-type="arrowDown"
+                />
               </span>
-            </span>
-          </button>
-        </li>
-        <li
-          class="euiPagination__item"
-        >
-          <button
-            aria-label="Page 4 of 5"
-            class="euiButtonEmpty euiPaginationButton emotion-euiButtonDisplay-euiButtonEmpty-s-empty-text-euiPaginationButton"
-            data-test-subj="pagination-button-3"
-            type="button"
-          >
-            <span
-              class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
-            >
-              <span
-                class="eui-textTruncate euiButtonEmpty__text"
-              >
-                4
-              </span>
-            </span>
-          </button>
-        </li>
-        <li
-          class="euiPagination__item"
-        >
-          <button
-            aria-label="Page 5 of 5"
-            class="euiButtonEmpty euiPaginationButton emotion-euiButtonDisplay-euiButtonEmpty-s-empty-text-euiPaginationButton"
-            data-test-subj="pagination-button-4"
-            type="button"
-          >
-            <span
-              class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
-            >
-              <span
-                class="eui-textTruncate euiButtonEmpty__text"
-              >
-                5
-              </span>
-            </span>
-          </button>
-        </li>
-      </ul>
-      <button
-        aria-label="Next page"
-        class="euiButtonIcon euiPaginationArrowButton emotion-euiButtonIcon-xs-empty-text-euiPaginationButton"
-        data-test-subj="pagination-button-next"
-        title="Next page"
-        type="button"
-      >
-        <span
-          aria-hidden="true"
-          class="euiButtonIcon__icon"
-          color="inherit"
-          data-euiicon-type="arrowRight"
-        />
-      </button>
-    </nav>
-  </div>
-</div>
-`;
-
-exports[`EuiTablePagination renders 1`] = `
-<div
-  class="euiFlexGroup eui-xScroll emotion-euiFlexGroup-wrap-s-spaceBetween-center-row"
->
-  <div
-    class="euiFlexItem emotion-euiFlexItem-growZero"
-  >
-    <div
-      class="euiPopover emotion-euiPopover"
-    >
+            </button>
+          </div>
+        </div>
+      </div>
       <div
-        class="euiPopover__anchor css-16vtueo-render"
+        class="euiFlexItem emotion-euiFlexItem-growZero"
       >
-        <button
-          class="euiButtonEmpty emotion-euiButtonDisplay-euiButtonEmpty-xs-empty-text"
-          data-test-subj="tablePaginationPopoverButton"
-          type="button"
+        <nav
+          aria-label="aria-label"
+          class="euiPagination testClass1 testClass2 emotion-euiPagination-euiTestCss"
+          data-test-subj="test subject string"
         >
           <span
-            class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
+            aria-atomic="true"
+            aria-relevant="additions text"
+            class="emotion-euiScreenReaderOnly"
+            role="status"
           >
-            <span
-              class="eui-textTruncate euiButtonEmpty__text"
-            >
-              Rows per page
-              : 
-              50
-            </span>
-            <span
-              color="inherit"
-              data-euiicon-type="arrowDown"
-            />
+            Page 2 of 5
           </span>
-        </button>
-      </div>
-    </div>
-  </div>
-  <div
-    class="euiFlexItem emotion-euiFlexItem-growZero"
-  >
-    <nav
-      aria-label="aria-label"
-      class="euiPagination testClass1 testClass2 emotion-euiPagination-euiTestCss"
-      data-test-subj="test subject string"
-    >
-      <span
-        aria-atomic="true"
-        aria-relevant="additions text"
-        class="emotion-euiScreenReaderOnly"
-        role="status"
-      >
-        Page 2 of 5
-      </span>
-      <button
-        aria-label="Previous page"
-        class="euiButtonIcon euiPaginationArrowButton emotion-euiButtonIcon-xs-empty-text-euiPaginationButton"
-        data-test-subj="pagination-button-previous"
-        title="Previous page"
-        type="button"
-      >
-        <span
-          aria-hidden="true"
-          class="euiButtonIcon__icon"
-          color="inherit"
-          data-euiicon-type="arrowLeft"
-        />
-      </button>
-      <ul
-        aria-label="aria-label"
-        class="euiPagination__list emotion-euiPagination__list"
-      >
-        <li
-          class="euiPagination__item"
-        >
           <button
-            aria-label="Page 1 of 5"
-            class="euiButtonEmpty euiPaginationButton emotion-euiButtonDisplay-euiButtonEmpty-s-empty-text-euiPaginationButton"
-            data-test-subj="pagination-button-0"
+            aria-label="Previous page"
+            class="euiButtonIcon euiPaginationArrowButton emotion-euiButtonIcon-xs-empty-text-euiPaginationButton"
+            data-test-subj="pagination-button-previous"
+            title="Previous page"
             type="button"
           >
             <span
-              class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
-            >
-              <span
-                class="eui-textTruncate euiButtonEmpty__text"
-              >
-                1
-              </span>
-            </span>
+              aria-hidden="true"
+              class="euiButtonIcon__icon"
+              color="inherit"
+              data-euiicon-type="arrowLeft"
+            />
           </button>
-        </li>
-        <li
-          class="euiPagination__item"
-        >
-          <button
-            aria-current="true"
-            aria-label="Page 2 of 5"
-            class="euiButtonEmpty euiPaginationButton emotion-euiButtonDisplay-euiButtonEmpty-s-empty-disabled-isDisabled-euiPaginationButton-isActive"
-            data-test-subj="pagination-button-1"
-            disabled=""
-            type="button"
+          <ul
+            aria-label="aria-label"
+            class="euiPagination__list emotion-euiPagination__list"
           >
-            <span
-              class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
+            <li
+              class="euiPagination__item"
             >
-              <span
-                class="eui-textTruncate euiButtonEmpty__text"
+              <button
+                aria-label="Page 1 of 5"
+                class="euiButtonEmpty euiPaginationButton emotion-euiButtonDisplay-euiButtonEmpty-s-empty-text-euiPaginationButton"
+                data-test-subj="pagination-button-0"
+                type="button"
               >
-                2
-              </span>
-            </span>
-          </button>
-        </li>
-        <li
-          class="euiPagination__item"
-        >
-          <button
-            aria-label="Page 3 of 5"
-            class="euiButtonEmpty euiPaginationButton emotion-euiButtonDisplay-euiButtonEmpty-s-empty-text-euiPaginationButton"
-            data-test-subj="pagination-button-2"
-            type="button"
-          >
-            <span
-              class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
+                <span
+                  class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
+                >
+                  <span
+                    class="eui-textTruncate euiButtonEmpty__text"
+                  >
+                    1
+                  </span>
+                </span>
+              </button>
+            </li>
+            <li
+              class="euiPagination__item"
             >
-              <span
-                class="eui-textTruncate euiButtonEmpty__text"
+              <button
+                aria-current="true"
+                aria-label="Page 2 of 5"
+                class="euiButtonEmpty euiPaginationButton emotion-euiButtonDisplay-euiButtonEmpty-s-empty-disabled-isDisabled-euiPaginationButton-isActive"
+                data-test-subj="pagination-button-1"
+                disabled=""
+                type="button"
               >
-                3
-              </span>
-            </span>
-          </button>
-        </li>
-        <li
-          class="euiPagination__item"
-        >
-          <button
-            aria-label="Page 4 of 5"
-            class="euiButtonEmpty euiPaginationButton emotion-euiButtonDisplay-euiButtonEmpty-s-empty-text-euiPaginationButton"
-            data-test-subj="pagination-button-3"
-            type="button"
-          >
-            <span
-              class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
+                <span
+                  class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
+                >
+                  <span
+                    class="eui-textTruncate euiButtonEmpty__text"
+                  >
+                    2
+                  </span>
+                </span>
+              </button>
+            </li>
+            <li
+              class="euiPagination__item"
             >
-              <span
-                class="eui-textTruncate euiButtonEmpty__text"
+              <button
+                aria-label="Page 3 of 5"
+                class="euiButtonEmpty euiPaginationButton emotion-euiButtonDisplay-euiButtonEmpty-s-empty-text-euiPaginationButton"
+                data-test-subj="pagination-button-2"
+                type="button"
               >
-                4
-              </span>
-            </span>
-          </button>
-        </li>
-        <li
-          class="euiPagination__item"
-        >
+                <span
+                  class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
+                >
+                  <span
+                    class="eui-textTruncate euiButtonEmpty__text"
+                  >
+                    3
+                  </span>
+                </span>
+              </button>
+            </li>
+            <li
+              class="euiPagination__item"
+            >
+              <button
+                aria-label="Page 4 of 5"
+                class="euiButtonEmpty euiPaginationButton emotion-euiButtonDisplay-euiButtonEmpty-s-empty-text-euiPaginationButton"
+                data-test-subj="pagination-button-3"
+                type="button"
+              >
+                <span
+                  class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
+                >
+                  <span
+                    class="eui-textTruncate euiButtonEmpty__text"
+                  >
+                    4
+                  </span>
+                </span>
+              </button>
+            </li>
+            <li
+              class="euiPagination__item"
+            >
+              <button
+                aria-label="Page 5 of 5"
+                class="euiButtonEmpty euiPaginationButton emotion-euiButtonDisplay-euiButtonEmpty-s-empty-text-euiPaginationButton"
+                data-test-subj="pagination-button-4"
+                type="button"
+              >
+                <span
+                  class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
+                >
+                  <span
+                    class="eui-textTruncate euiButtonEmpty__text"
+                  >
+                    5
+                  </span>
+                </span>
+              </button>
+            </li>
+          </ul>
           <button
-            aria-label="Page 5 of 5"
-            class="euiButtonEmpty euiPaginationButton emotion-euiButtonDisplay-euiButtonEmpty-s-empty-text-euiPaginationButton"
-            data-test-subj="pagination-button-4"
+            aria-label="Next page"
+            class="euiButtonIcon euiPaginationArrowButton emotion-euiButtonIcon-xs-empty-text-euiPaginationButton"
+            data-test-subj="pagination-button-next"
+            title="Next page"
             type="button"
           >
             <span
-              class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
-            >
-              <span
-                class="eui-textTruncate euiButtonEmpty__text"
-              >
-                5
-              </span>
-            </span>
+              aria-hidden="true"
+              class="euiButtonIcon__icon"
+              color="inherit"
+              data-euiicon-type="arrowRight"
+            />
           </button>
-        </li>
-      </ul>
-      <button
-        aria-label="Next page"
-        class="euiButtonIcon euiPaginationArrowButton emotion-euiButtonIcon-xs-empty-text-euiPaginationButton"
-        data-test-subj="pagination-button-next"
-        title="Next page"
-        type="button"
-      >
-        <span
-          aria-hidden="true"
-          class="euiButtonIcon__icon"
-          color="inherit"
-          data-euiicon-type="arrowRight"
-        />
-      </button>
-    </nav>
+        </nav>
+      </div>
+    </div>
   </div>
-</div>
-`;
-
-exports[`EuiTablePagination renders a "show all" itemsPerPage option 1`] = `
-<div
-  class="euiFlexGroup eui-xScroll emotion-euiFlexGroup-wrap-s-spaceBetween-center-row"
->
   <div
-    class="euiFlexItem emotion-euiFlexItem-growZero"
+    data-euiportal="true"
   >
     <div
-      class="euiPopover emotion-euiPopover"
+      data-focus-guard="true"
+      style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
+      tabindex="-1"
+    />
+    <div
+      data-focus-lock-disabled="disabled"
     >
       <div
-        class="euiPopover__anchor css-16vtueo-render"
+        aria-describedby="generated-id"
+        aria-live="off"
+        aria-modal="true"
+        class="euiPanel euiPanel--plain euiPopover__panel emotion-euiPanel-grow-m-plain-euiPopover__panel"
+        data-autofocus="true"
+        data-popover-panel="true"
+        role="dialog"
+        style="top: -16px; left: -22px; will-change: transform, opacity; z-index: 2000;"
+        tabindex="0"
       >
-        <button
-          class="euiButtonEmpty emotion-euiButtonDisplay-euiButtonEmpty-xs-empty-text"
-          data-test-subj="tablePaginationPopoverButton"
-          type="button"
+        <div
+          class="euiPopover__arrow emotion-euiPopoverArrow-top"
+          data-popover-arrow="top"
+          style="left: 10px; top: 0px;"
+        />
+        <p
+          class="emotion-euiScreenReaderOnly"
+          id="generated-id"
         >
-          <span
-            class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
+          You are in a dialog. Press Escape, or tap/click outside the dialog to close.
+        </p>
+        <div>
+          <div
+            class="euiContextMenuPanel"
+            data-test-subj="tablePaginationRowOptions"
+            tabindex="-1"
           >
-            <span
-              class="eui-textTruncate euiButtonEmpty__text"
-            >
-              Showing all rows
-            </span>
-            <span
-              color="inherit"
-              data-euiicon-type="arrowDown"
-            />
-          </span>
-        </button>
+            <div>
+              <button
+                class="euiContextMenuItem"
+                data-test-subj="tablePagination-10-rows"
+                type="button"
+              >
+                <span
+                  class="euiContextMenu__itemLayout"
+                >
+                  <span
+                    class="euiContextMenu__icon"
+                    color="inherit"
+                    data-euiicon-type="empty"
+                  />
+                  <span
+                    class="euiContextMenuItem__text"
+                  >
+                    10 rows
+                  </span>
+                </span>
+              </button>
+              <button
+                class="euiContextMenuItem"
+                data-test-subj="tablePagination-20-rows"
+                type="button"
+              >
+                <span
+                  class="euiContextMenu__itemLayout"
+                >
+                  <span
+                    class="euiContextMenu__icon"
+                    color="inherit"
+                    data-euiicon-type="empty"
+                  />
+                  <span
+                    class="euiContextMenuItem__text"
+                  >
+                    20 rows
+                  </span>
+                </span>
+              </button>
+              <button
+                class="euiContextMenuItem"
+                data-test-subj="tablePagination-50-rows"
+                type="button"
+              >
+                <span
+                  class="euiContextMenu__itemLayout"
+                >
+                  <span
+                    class="euiContextMenu__icon"
+                    color="inherit"
+                    data-euiicon-type="check"
+                  />
+                  <span
+                    class="euiContextMenuItem__text"
+                  >
+                    50 rows
+                  </span>
+                </span>
+              </button>
+              <button
+                class="euiContextMenuItem"
+                data-test-subj="tablePagination-100-rows"
+                type="button"
+              >
+                <span
+                  class="euiContextMenu__itemLayout"
+                >
+                  <span
+                    class="euiContextMenu__icon"
+                    color="inherit"
+                    data-euiicon-type="empty"
+                  />
+                  <span
+                    class="euiContextMenuItem__text"
+                  >
+                    100 rows
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
+    <div
+      data-focus-guard="true"
+      style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
+      tabindex="-1"
+    />
   </div>
-  <div
-    class="euiFlexItem emotion-euiFlexItem-growZero"
-  />
-</div>
+</body>
 `;
diff --git a/src/components/table/table_pagination/table_pagination.test.tsx b/src/components/table/table_pagination/table_pagination.test.tsx
index a11a049f00d5..42ad1c6b9df7 100644
--- a/src/components/table/table_pagination/table_pagination.test.tsx
+++ b/src/components/table/table_pagination/table_pagination.test.tsx
@@ -23,15 +23,43 @@ describe('EuiTablePagination', () => {
   };
 
   it('renders', () => {
-    const { container } = render(
+    const { getByTestSubject, baseElement } = render(
       <EuiTablePagination {...requiredProps} {...paginationProps} />
     );
 
-    expect(container.firstChild).toMatchSnapshot();
+    fireEvent.click(getByTestSubject('tablePaginationPopoverButton'));
+    expect(baseElement).toMatchSnapshot();
+  });
+
+  it('renders custom items per page / page sizes', () => {
+    const { getByText } = render(
+      <EuiTablePagination
+        {...requiredProps}
+        {...paginationProps}
+        itemsPerPage={10}
+      />
+    );
+
+    expect(getByText('Rows per page: 10')).toBeTruthy();
+  });
+
+  it('renders custom items per page size options', () => {
+    const { getByTestSubject } = render(
+      <EuiTablePagination
+        {...requiredProps}
+        {...paginationProps}
+        itemsPerPageOptions={[1, 2, 3]}
+      />
+    );
+
+    fireEvent.click(getByTestSubject('tablePaginationPopoverButton'));
+    expect(getByTestSubject('tablePagination-1-rows')).toBeTruthy();
+    expect(getByTestSubject('tablePagination-2-rows')).toBeTruthy();
+    expect(getByTestSubject('tablePagination-3-rows')).toBeTruthy();
   });
 
   it('hides the per page options', () => {
-    const { container } = render(
+    const { queryByTestSubject } = render(
       <EuiTablePagination
         {...requiredProps}
         {...paginationProps}
@@ -39,11 +67,11 @@ describe('EuiTablePagination', () => {
       />
     );
 
-    expect(container.firstChild).toMatchSnapshot();
+    expect(queryByTestSubject('tablePaginationPopoverButton')).toBe(null);
   });
 
   it('renders a "show all" itemsPerPage option', () => {
-    const { container } = render(
+    const { getByText, getByTestSubject } = render(
       <EuiTablePagination
         {...requiredProps}
         {...paginationProps}
@@ -52,7 +80,9 @@ describe('EuiTablePagination', () => {
       />
     );
 
-    expect(container.firstChild).toMatchSnapshot();
+    expect(getByText('Showing all rows')).toBeTruthy();
+    fireEvent.click(getByTestSubject('tablePaginationPopoverButton'));
+    expect(getByText('Show all rows')).toBeTruthy();
   });
 
   describe('configurable defaults', () => {