test-jest-helpers2

packages/kbn-test-jest-helpers2/index.ts

@@ -6,4 +6,4 @@
  * Side Public License, v 1.
  */
 
-export * from './src/enzyme_helpers';
+export * from './src/rtl_helpers';

packages/kbn-test-jest-helpers2/src/rtl_helpers.tsx

@@ -0,0 +1,19 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+import { screen, within } from '@testing-library/react';
+
+export const getButtonGroupInputValue = (testId: string) => () => {
+  const buttonGroup = screen.getByTestId(testId);
+  const options = within(buttonGroup).getAllByRole('radio');
+  const checkedOption = options.find((option) => option.getAttribute('checked') === '');
+  if (checkedOption == null) {
+    throw new Error(`No checked option found in button group ${testId}`);
+  }
+  return checkedOption.nextSibling;
+};

packages/kbn-test-jest-helpers2/tsconfig.json

@@ -8,11 +8,7 @@
     "**/*.ts",
     "**/*.tsx",
   ],
-  "kbn_references": [
-    "@kbn/i18n-react",
-    "@kbn/axe-config",
-    "@kbn/shared-ux-router",
-  ],
+  "kbn_references": [],
   "exclude": [
     "target/**/*",
   ],

x-pack/plugins/lens/public/visualizations/datatable/components/toolbar.test.tsx

@@ -6,7 +6,7 @@
  */
 
 import React from 'react';
-import { getButtonGroupInputValue } from '@kbn/rtl-eui';
+import { getButtonGroupInputValue } from '@kbn/test-jest-helpers2';
 import { DataTableToolbar } from './toolbar';
 import { DatatableVisualizationState } from '../visualization';
 import { FramePublicAPI, VisualizationToolbarProps } from '../../../types';
@@ -55,16 +55,6 @@ describe('datatable toolbar', () => {
       userEvent.click(screen.getByRole('button', { name: /visual options/i }));
     };
 
-    const getButtonGroupInputValue = (testId: string) => () => {
-      const buttonGroup = screen.getByTestId(testId);
-      const options = within(buttonGroup).getAllByRole('radio');
-      const checkedOption = options.find((option) => option.getAttribute('checked') === '');
-      if (checkedOption == null) {
-        throw new Error(`No checked option found in button group ${testId}`);
-      }
-      return checkedOption.nextSibling;
-    };
-
     const selectOptionFromButtonGroup = (testId: string) => (optionName: string | RegExp) => {
       const buttonGroup = screen.getByTestId(testId);
       const option = within(buttonGroup).getByRole('radio', { name: optionName });
@@ -81,7 +71,6 @@ describe('datatable toolbar', () => {
 
     return {
       ...rtlRender,
-
       togglePopover,
       getRowHeightValue: getButtonGroupInputValue(ROW_HEIGHT_SETTINGS_TEST_ID),
       getRowHeightCustomValue: () => getNumberInput(ROW_HEIGHT_SETTINGS_TEST_ID),

x-pack/plugins/lens/tsconfig.json

@@ -97,7 +97,8 @@
     "@kbn/shared-ux-button-toolbar",
     "@kbn/cell-actions",
     "@kbn/calculate-width-from-char-count",
-    "@kbn/discover-utils"
+    "@kbn/discover-utils",
+    "@kbn/test-jest-helpers2"
   ],
   "exclude": [
     "target/**/*"