@linzjs/step-ag-grid 7.15.0 → 7.16.1

package/package.json

@@ -2,7 +2,7 @@
   "name": "@linzjs/step-ag-grid",
   "repository": "github:linz/step-ag-grid.git",
   "license": "MIT",
-  "version": "7.15.0",
+  "version": "7.16.1",
   "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 { findQuick, getAllQuick, getMatcher, getQuick, IQueryQuick, 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,25 +149,38 @@ export const clickMultiSelectOption = async (value: string): Promise<void> => {
   menuItem.parentElement && userEvent.click(menuItem.parentElement);
 };
 
-export const typeInput = async (value: string): Promise<void> => {
+const typeInput = async (value: string, filter: IQueryQuick): Promise<void> => {
   const openMenu = await findOpenMenu();
-  const input = await findQuick({ child: { tagName: "input[type='text']" } }, openMenu);
+  const input = await findQuick(filter, openMenu);
   userEvent.clear(input);
   userEvent.type(input, value);
 };
 
+export const typeOnlyInput = async (value: string): Promise<void> => {
+  typeInput(value, { child: { tagName: "input[type='text']" } });
+};
+
+export const typeInputByLabel = async (value: string, labelText: string): Promise<void> => {
+  const labels = getAllQuick({ child: { tagName: "label" } }).filter((l) => l.textContent == labelText);
+  if (labels.length == 0) {
+    throw Error(`Label not found for text: ${labelText}`);
+  }
+  if (labels.length > 1) {
+    throw Error(`Multiple labels found for text: ${labelText}`);
+  }
+  typeInput(value, { child: { tagName: `input[id='${labels[0].getAttribute("for")}']` } });
+};
+
+export const typeInputByPlaceholder = async (value: string, placeholder: string): Promise<void> => {
+  typeInput(value, { child: { tagName: `input[placeholder='${placeholder}']` } });
+};
+
 export const typeOtherInput = async (value: string): Promise<void> => {
-  const openMenu = await findOpenMenu();
-  const otherInput = await findQuick({ classes: ".subComponent", child: { tagName: "input[type='text']" } }, openMenu);
-  userEvent.clear(otherInput);
-  userEvent.type(otherInput, value);
+  typeInput(value, { classes: ".subComponent", child: { tagName: "input[type='text']" } });
 };
 
 export const typeOtherTextArea = async (value: string): Promise<void> => {
-  const openMenu = await findOpenMenu();
-  const otherTextArea = await findQuick({ classes: ".subComponent", child: { tagName: "textarea" } }, openMenu);
-  userEvent.clear(otherTextArea);
-  userEvent.type(otherTextArea, value);
+  typeInput(value, { classes: ".subComponent", child: { tagName: "textarea" } });
 };
 
 export const closeMenu = (): void => {