@linzjs/step-ag-grid 7.15.0 → 7.16.1

package/README.md

@@ -147,6 +147,7 @@ The following testing calls can be imported from step-ag-grid:
 - selectCell
 - editCell
 - findOpenMenu
+- validateMenuOptions
 - queryMenuOption
 - findMenuOption
 - clickMenuOption
@@ -154,6 +155,9 @@ The following testing calls can be imported from step-ag-grid:
 - getMultiSelectOptions
 - findMultiSelectOption
 - clickMultiSelectOption
+- typeOnlyInput
+- typeInputByLabel
+- typeInputByPlaceholder
 - typeOtherInput
 - typeOtherTextArea
 - closeMenu

package/dist/src/utils/testUtil.d.ts

@@ -9,6 +9,7 @@ export declare const selectCell: (rowId: string | number, colId: string, within?
 export declare const editCell: (rowId: number | string, colId: string, within?: HTMLElement) => Promise<void>;
 export declare const queryMenuOption: (menuOptionText: string | RegExp) => Promise<HTMLElement | null>;
 export declare const findMenuOption: (menuOptionText: string | RegExp) => Promise<HTMLElement>;
+export declare const validateMenuOptions: (rowId: number | string, colId: string, expectedMenuOptions: Array<string>) => Promise<boolean>;
 export declare const clickMenuOption: (menuOptionText: string | RegExp) => Promise<void>;
 export declare const openAndClickMenuOption: (rowId: number | string, colId: string, menuOptionText: string | RegExp, within?: HTMLElement) => Promise<void>;
 export declare const getMultiSelectOptions: () => Promise<{
@@ -17,7 +18,9 @@ export declare const getMultiSelectOptions: () => Promise<{
 }[]>;
 export declare const findMultiSelectOption: (value: string) => Promise<HTMLElement>;
 export declare const clickMultiSelectOption: (value: string) => Promise<void>;
-export declare const typeInput: (value: string) => Promise<void>;
+export declare const typeOnlyInput: (value: string) => Promise<void>;
+export declare const typeInputByLabel: (value: string, labelText: string) => Promise<void>;
+export declare const typeInputByPlaceholder: (value: string, placeholder: string) => Promise<void>;
 export declare const typeOtherInput: (value: string) => Promise<void>;
 export declare const typeOtherTextArea: (value: string) => Promise<void>;
 export declare const closeMenu: () => void;

package/dist/step-ag-grid.esm.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useMemo, useLayoutEffect, useEffect, createContext, memo, forwardRef, useRef, useContext, useState, useCallback, useReducer, cloneElement, useImperativeHandle, Fragment } from 'react';
 import ReactDOM, { unstable_batchedUpdates, flushSync, createPortal } from 'react-dom';
-import { findIndex, debounce, negate, isEmpty, difference, delay, sortBy, defer as defer$1, last, castArray, remove, flatten, xorBy, partition, pick, groupBy, fromPairs, toPairs, omit } from 'lodash-es';
+import { findIndex, debounce, negate, isEmpty, difference, delay, sortBy, defer as defer$1, last, castArray, remove, flatten, xorBy, partition, pick, groupBy, fromPairs, toPairs, omit, isEqual } from 'lodash-es';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { AgGridReact } from 'ag-grid-react';
 import { LuiMiniSpinner, LuiIcon, LuiCheckboxInput, LuiButton } from '@linzjs/lui';
@@ -24663,6 +24663,23 @@ var findMenuOption = function (menuOptionText) { return __awaiter(void 0, void 0
         }
     });
 }); };
+var validateMenuOptions = function (rowId, colId, expectedMenuOptions) { return __awaiter(void 0, void 0, void 0, function () {
+    var openMenu, actualOptions;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, editCell(rowId, colId)];
+            case 1:
+                _a.sent();
+                return [4 /*yield*/, findOpenMenu()];
+            case 2:
+                openMenu = _a.sent();
+                return [4 /*yield*/, getQueriesForElement(openMenu).findAllByRole("menuitem")];
+            case 3:
+                actualOptions = (_a.sent()).map(function (menuItem) { return menuItem.textContent; });
+                return [2 /*return*/, isEqual(actualOptions, expectedMenuOptions)];
+        }
+    });
+}); };
 var clickMenuOption = function (menuOptionText) { return __awaiter(void 0, void 0, void 0, function () {
     var menuOption;
     return __generator(this, function (_a) {
@@ -24735,14 +24752,14 @@ var clickMultiSelectOption = function (value) { return __awaiter(void 0, void 0,
         }
     });
 }); };
-var typeInput = function (value) { return __awaiter(void 0, void 0, void 0, function () {
+var typeInput = function (value, filter) { return __awaiter(void 0, void 0, void 0, function () {
     var openMenu, input;
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0: return [4 /*yield*/, findOpenMenu()];
             case 1:
                 openMenu = _a.sent();
-                return [4 /*yield*/, findQuick({ child: { tagName: "input[type='text']" } }, openMenu)];
+                return [4 /*yield*/, findQuick(filter, openMenu)];
             case 2:
                 input = _a.sent();
                 userEvent.clear(input);
@@ -24751,36 +24768,42 @@ var typeInput = function (value) { return __awaiter(void 0, void 0, void 0, func
         }
     });
 }); };
-var typeOtherInput = function (value) { return __awaiter(void 0, void 0, void 0, function () {
-    var openMenu, otherInput;
+var typeOnlyInput = function (value) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0: return [4 /*yield*/, findOpenMenu()];
-            case 1:
-                openMenu = _a.sent();
-                return [4 /*yield*/, findQuick({ classes: ".subComponent", child: { tagName: "input[type='text']" } }, openMenu)];
-            case 2:
-                otherInput = _a.sent();
-                userEvent.clear(otherInput);
-                userEvent.type(otherInput, value);
-                return [2 /*return*/];
+        typeInput(value, { child: { tagName: "input[type='text']" } });
+        return [2 /*return*/];
+    });
+}); };
+var typeInputByLabel = function (value, labelText) { return __awaiter(void 0, void 0, void 0, function () {
+    var labels;
+    return __generator(this, function (_a) {
+        labels = getAllQuick({ child: { tagName: "label" } }).filter(function (l) { return l.textContent == labelText; });
+        if (labels.length == 0) {
+            throw Error("Label not found for text: ".concat(labelText));
+        }
+        if (labels.length > 1) {
+            throw Error("Multiple labels found for text: ".concat(labelText));
         }
+        typeInput(value, { child: { tagName: "input[id='".concat(labels[0].getAttribute("for"), "']") } });
+        return [2 /*return*/];
+    });
+}); };
+var typeInputByPlaceholder = function (value, placeholder) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        typeInput(value, { child: { tagName: "input[placeholder='".concat(placeholder, "']") } });
+        return [2 /*return*/];
+    });
+}); };
+var typeOtherInput = function (value) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        typeInput(value, { classes: ".subComponent", child: { tagName: "input[type='text']" } });
+        return [2 /*return*/];
     });
 }); };
 var typeOtherTextArea = function (value) { return __awaiter(void 0, void 0, void 0, function () {
-    var openMenu, otherTextArea;
     return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0: return [4 /*yield*/, findOpenMenu()];
-            case 1:
-                openMenu = _a.sent();
-                return [4 /*yield*/, findQuick({ classes: ".subComponent", child: { tagName: "textarea" } }, openMenu)];
-            case 2:
-                otherTextArea = _a.sent();
-                userEvent.clear(otherTextArea);
-                userEvent.type(otherTextArea, value);
-                return [2 /*return*/];
-        }
+        typeInput(value, { classes: ".subComponent", child: { tagName: "textarea" } });
+        return [2 /*return*/];
     });
 }); };
 var closeMenu = function () {
@@ -24811,5 +24834,5 @@ var clickActionButton = function (text, container) { return __awaiter(void 0, vo
     });
 }); };
 
-export { ActionButton, ComponentLoadingWrapper, ControlledMenu, Editor, FocusableItem, GenericCellEditorComponentWrapper, Grid, GridCell, GridCellMultiEditor, GridCellMultiSelectClassRules, GridCellRenderer, GridContext, GridContextProvider, GridFormDropDown, GridFormEditBearing, GridFormMessage, GridFormMultiSelect, GridFormPopoverMenu, GridFormSubComponentTextArea, GridFormSubComponentTextInput, GridFormTextArea, GridFormTextInput, GridHeaderSelect, GridIcon, GridLoadableCell, GridPopoutEditMultiSelect, GridPopoverContext, GridPopoverContextProvider, GridPopoverEditBearing, GridPopoverEditBearingCorrection, GridPopoverEditDropDown, GridPopoverMenu, GridPopoverMessage, GridPopoverTextArea, GridPopoverTextInput, GridRenderPopoutMenuCell, GridSubComponentContext, GridUpdatingContext, GridUpdatingContextProvider, Menu, MenuButton, MenuDivider, MenuGroup, MenuHeader, MenuHeaderItem, MenuHeaderString, MenuItem, MenuRadioGroup, MenuSeparator, MenuSeparatorString, PopoutMenuSeparator, SubMenu, TextAreaInput, TextInputFormatted, bearingCorrectionValueFormatter, bearingNumberParser, bearingStringValidator, bearingValueFormatter, clickActionButton, clickMenuOption, clickMultiSelectOption, closeMenu, convertDDToDMS, countRows, deselectRow, editCell, findActionButton, findCell, findCellContains, findMenuOption, findMultiSelectOption, findParentWithClass, findRow, fnOrVar, getMultiSelectOptions, hasParentClass, isFloat, isNotEmpty, openAndClickMenuOption, queryMenuOption, queryRow, selectCell, selectRow, stringByteLengthIsInvalid, suppressCellKeyboardEvents, typeInput, typeOtherInput, typeOtherTextArea, useDeferredPromise, useGridPopoverContext, useGridPopoverHook, useMenuState, usePostSortRowsHook, wait$2 as wait };
+export { ActionButton, ComponentLoadingWrapper, ControlledMenu, Editor, FocusableItem, GenericCellEditorComponentWrapper, Grid, GridCell, GridCellMultiEditor, GridCellMultiSelectClassRules, GridCellRenderer, GridContext, GridContextProvider, GridFormDropDown, GridFormEditBearing, GridFormMessage, GridFormMultiSelect, GridFormPopoverMenu, GridFormSubComponentTextArea, GridFormSubComponentTextInput, GridFormTextArea, GridFormTextInput, GridHeaderSelect, GridIcon, GridLoadableCell, GridPopoutEditMultiSelect, GridPopoverContext, GridPopoverContextProvider, GridPopoverEditBearing, GridPopoverEditBearingCorrection, GridPopoverEditDropDown, GridPopoverMenu, GridPopoverMessage, GridPopoverTextArea, GridPopoverTextInput, GridRenderPopoutMenuCell, GridSubComponentContext, GridUpdatingContext, GridUpdatingContextProvider, Menu, MenuButton, MenuDivider, MenuGroup, MenuHeader, MenuHeaderItem, MenuHeaderString, MenuItem, MenuRadioGroup, MenuSeparator, MenuSeparatorString, PopoutMenuSeparator, SubMenu, TextAreaInput, TextInputFormatted, bearingCorrectionValueFormatter, bearingNumberParser, bearingStringValidator, bearingValueFormatter, clickActionButton, clickMenuOption, clickMultiSelectOption, closeMenu, convertDDToDMS, countRows, deselectRow, editCell, findActionButton, findCell, findCellContains, findMenuOption, findMultiSelectOption, findParentWithClass, findRow, fnOrVar, getMultiSelectOptions, hasParentClass, isFloat, isNotEmpty, openAndClickMenuOption, queryMenuOption, queryRow, selectCell, selectRow, stringByteLengthIsInvalid, suppressCellKeyboardEvents, typeInputByLabel, typeInputByPlaceholder, typeOnlyInput, typeOtherInput, typeOtherTextArea, useDeferredPromise, useGridPopoverContext, useGridPopoverHook, useMenuState, usePostSortRowsHook, validateMenuOptions, wait$2 as wait };
 //# sourceMappingURL=step-ag-grid.esm.js.map