@linzjs/step-ag-grid 7.14.0 → 7.16.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@linzjs/step-ag-grid",
   "repository": "github:linz/step-ag-grid.git",
   "license": "MIT",
-  "version": "7.14.0",
+  "version": "7.16.0",
   "keywords": [
     "aggrid",
     "ag-grid",

package/src/utils/testUtil.ts

@@ -1,6 +1,7 @@
 import { act, waitFor, within } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { findQuick, getAllQuick, getMatcher, getQuick, queryQuick } from "./testQuick";
+import { isEqual } from "lodash-es";
 
 export const countRows = async (within?: HTMLElement): Promise<number> => {
   return getAllQuick({ tagName: `div[row-id]:not(:empty)` }, within).length;
@@ -98,6 +99,17 @@ export const findMenuOption = async (menuOptionText: string | RegExp): Promise<H
   );
 };
 
+export const validateMenuOptions = async (
+  rowId: number | string,
+  colId: string,
+  expectedMenuOptions: Array<string>,
+): Promise<boolean> => {
+  await editCell(rowId, colId);
+  const openMenu = await findOpenMenu();
+  const actualOptions = (await within(openMenu).findAllByRole("menuitem")).map((menuItem) => menuItem.textContent);
+  return isEqual(actualOptions, expectedMenuOptions);
+};
+
 export const clickMenuOption = async (menuOptionText: string | RegExp): Promise<void> => {
   const menuOption = await findMenuOption(menuOptionText);
   await act(async () => {
@@ -137,6 +149,13 @@ export const clickMultiSelectOption = async (value: string): Promise<void> => {
   menuItem.parentElement && userEvent.click(menuItem.parentElement);
 };
 
+export const typeInput = async (value: string): Promise<void> => {
+  const openMenu = await findOpenMenu();
+  const input = await findQuick({ child: { tagName: "input[type='text']" } }, openMenu);
+  userEvent.clear(input);
+  userEvent.type(input, value);
+};
+
 export const typeOtherInput = async (value: string): Promise<void> => {
   const openMenu = await findOpenMenu();
   const otherInput = await findQuick({ classes: ".subComponent", child: { tagName: "input[type='text']" } }, openMenu);