@linzjs/step-ag-grid 7.3.1 → 7.4.0

package/package.json

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

package/src/components/gridForm/GridFormTextArea.tsx

@@ -50,7 +50,7 @@ export const GridFormTextArea = <RowType extends GridBaseRow>(props: GridFormTex
   });
 
   return popoverWrapper(
-    <div style={{ display: "flex", flexDirection: "row", width: props.width ?? 240 }}>
+    <div className={"subComponent"} style={{ display: "flex", flexDirection: "row", width: props.width ?? 240 }}>
       <TextAreaInput
         value={value}
         onChange={(e) => setValue(e.target.value)}

package/src/components/gridForm/GridFormTextInput.tsx

@@ -50,7 +50,10 @@ export const GridFormTextInput = <RowType extends GridBaseRow>(props: GridFormTe
   });
 
   return popoverWrapper(
-    <div style={{ display: "flex", flexDirection: "row", width: props.width ?? 240 }} className={"FormTest"}>
+    <div
+      style={{ display: "flex", flexDirection: "row", width: props.width ?? 240 }}
+      className={"FormTest subComponent"}
+    >
       <TextInputFormatted
         value={value}
         onChange={(e) => setValue(e.target.value)}

package/src/contexts/GridContext.tsx

@@ -15,7 +15,7 @@ export interface GridContextType {
   selectRowsByIdWithFlash: (rowIds?: number[]) => void;
   flashRows: (rowIds?: number[]) => void;
   flashRowsDiff: (updateFn: () => Promise<any>) => Promise<void>;
-  ensureRowVisible: (id: number) => void;
+  ensureRowVisible: (id: number | string) => boolean;
   ensureSelectedRowIsVisible: () => void;
   sizeColumnsToFit: () => void;
   stopEditing: () => void;
@@ -67,6 +67,7 @@ export const GridContext = createContext<GridContextType>({
   },
   ensureRowVisible: () => {
     console.error("no context provider for ensureRowVisible");
+    return true;
   },
   ensureSelectedRowIsVisible: () => {
     console.error("no context provider for ensureSelectedRowIsVisible");

package/src/contexts/GridContextProvider.tsx

@@ -200,10 +200,12 @@ export const GridContextProvider = (props: GridContextProps): ReactElement => {
     );
   };
 
-  const ensureRowVisible = (id: number): void => {
-    gridApiOp((gridApi) => {
+  const ensureRowVisible = (id: number | string): boolean => {
+    return gridApiOp((gridApi) => {
       const node = gridApi.getRowNode(`${id}`);
-      node && gridApi.ensureNodeVisible(node);
+      if (!node) return false;
+      gridApi.ensureNodeVisible(node);
+      return true;
     });
   };
 

package/src/utils/testUtil.ts

@@ -3,6 +3,10 @@ import userEvent from "@testing-library/user-event";
 import { findQuick, getAllQuick, getMatcher, getQuick, queryQuick } from "./testQuick";
 import { wait } from "./util";
 
+export const countRows = async (within?: HTMLElement): Promise<number> => {
+  return getAllQuick({ tagName: `div[row-id]:not(:empty)` }, within).length;
+};
+
 export const findRow = async (rowId: number | string, within?: HTMLElement): Promise<HTMLDivElement> => {
   return findQuick<HTMLDivElement>({ tagName: `div[row-id='${rowId}']:not(:empty)` }, within);
 };
@@ -36,16 +40,19 @@ export const findCell = async (rowId: number | string, colId: string, within?: H
   return await findQuick({ tagName: `[col-id='${colId}']` }, row);
 };
 
-export const cellContains = async (
+export const findCellContains = async (
   rowId: number | string,
   colId: string,
   text: string | RegExp,
   within?: HTMLElement,
 ) => {
-  return await waitFor(async () => {
-    const row = await findRow(rowId, within);
-    return await findQuick({ tagName: `[col-id='${colId}']`, text }, row);
-  });
+  return await waitFor(
+    async () => {
+      const row = await findRow(rowId, within);
+      return await findQuick({ tagName: `[col-id='${colId}']`, text }, row);
+    },
+    { timeout: 10000 },
+  );
 };
 
 export const selectCell = async (rowId: string | number, colId: string, within?: HTMLElement): Promise<void> => {
@@ -129,12 +136,14 @@ export const clickMultiSelectOption = async (value: string): Promise<void> => {
 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);
 };
 
 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);
 };