@luomus/laji-form 15.0.0 → 15.1.1

package/test-export/single-item-array-field-spec.js

@@ -0,0 +1,92 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const test_utils_1 = require("./test-utils");
+const protractor_1 = require("protractor");
+describe("SingleItemArrayField", () => {
+    const uiSchema = {
+        "ui:field": "SingleItemArrayField",
+    };
+    let form;
+    beforeAll(() => __awaiter(void 0, void 0, void 0, function* () {
+        form = yield test_utils_1.createForm();
+    }));
+    describe("object", () => {
+        const schema = {
+            type: "array",
+            items: {
+                type: "object",
+                properties: {
+                    a: { type: "string" }
+                }
+            }
+        };
+        const formData = [{ a: "foo" }, { a: "bar" }];
+        beforeAll(() => __awaiter(void 0, void 0, void 0, function* () {
+            yield form.setState({ schema, uiSchema, formData });
+        }));
+        it("uses first item by default and keeps idSchema intact", () => __awaiter(void 0, void 0, void 0, function* () {
+            expect(yield form.$getInputWidget("0.a").isDisplayed()).toBe(true);
+        }));
+        describe("respects activeIdx and", () => {
+            beforeAll(() => __awaiter(void 0, void 0, void 0, function* () {
+                yield form.setState({ uiSchema: Object.assign(Object.assign({}, uiSchema), { "ui:options": { activeIdx: 1 } }) });
+            }));
+            it("renders only single item", () => __awaiter(void 0, void 0, void 0, function* () {
+                expect(yield form.$locate("1.a").isDisplayed()).toBe(true);
+                expect(yield form.$locate("0.a").isPresent()).toBe(false);
+            }));
+            it("renders form data", () => __awaiter(void 0, void 0, void 0, function* () {
+                expect(yield form.$getInputWidget("1.a").getAttribute("value")).toBe(formData[1].a);
+            }));
+            it("onChange", () => __awaiter(void 0, void 0, void 0, function* () {
+                yield test_utils_1.updateValue(form.$getInputWidget("1.a"), "test");
+                expect(yield form.$getInputWidget("1.a").getAttribute("value")).toBe("test");
+            }));
+            it("renders item errors", () => __awaiter(void 0, void 0, void 0, function* () {
+                yield form.setState({
+                    formData: [{ a: "a" }, { a: 1 }]
+                });
+                yield form.submit();
+                expect(yield form.$$getFieldErrors("1.a").count()).toBe(1);
+            }));
+            it("renders array errors", () => __awaiter(void 0, void 0, void 0, function* () {
+                yield form.setState({
+                    schema: Object.assign(Object.assign({}, schema), { minItems: 1 }),
+                    formData: []
+                });
+                yield form.submit();
+                expect(yield form.$$getFieldErrors("").count()).toBe(1);
+            }));
+        });
+        it("formats title", () => __awaiter(void 0, void 0, void 0, function* () {
+            yield form.setState({ uiSchema: Object.assign(Object.assign({}, uiSchema), { "ui:title": "test %{idx} test" }) });
+            expect(yield protractor_1.element(protractor_1.by.cssContainingText("span", "test 1 test")).isDisplayed()).toBe(true);
+        }));
+        it("respects titleClassName option", () => __awaiter(void 0, void 0, void 0, function* () {
+            yield form.setState({ uiSchema: Object.assign(Object.assign({}, uiSchema), { "ui:title": "test", "ui:options": { titleClassName: "title-format-test" } }) });
+            expect(yield protractor_1.$(".title-format-test").isDisplayed()).toBe(true);
+        }));
+    });
+    describe("string array with unique items", () => {
+        const schema = { type: "array", uniqueItems: true, title: "test", items: { type: "string", enum: ["a"], enumNames: ["a"] } };
+        beforeAll(() => __awaiter(void 0, void 0, void 0, function* () {
+            yield form.setState({ schema, uiSchema });
+        }));
+        it("is rendered as select", () => __awaiter(void 0, void 0, void 0, function* () {
+            expect(yield form.$getEnumWidget("").$container.isDisplayed()).toBe(true);
+        }));
+        it("renders title as label", () => __awaiter(void 0, void 0, void 0, function* () {
+            expect(yield protractor_1.$("label").isDisplayed()).toBe(true);
+            expect(yield protractor_1.$("legend").isPresent()).toBe(false);
+        }));
+    });
+});

package/test-export/syke-butterfly-spec.d.ts

@@ -0,0 +1 @@
+export {};

package/test-export/syke-butterfly-spec.js

@@ -0,0 +1,163 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const test_utils_1 = require("./test-utils");
+const protractor_1 = require("protractor");
+describe("SYKE butterfly form (MHL.59)", () => {
+    let form;
+    let $firstUnitsAdd;
+    let $secondUnitsAdd;
+    let $gatheringsAdd;
+    it("navigate to form", () => __awaiter(void 0, void 0, void 0, function* () {
+        const formData = {
+            "gatherings": [
+                {
+                    "section": 1,
+                    "units": []
+                },
+                {
+                    "units": []
+                }
+            ]
+        };
+        form = yield test_utils_1.createForm({ id: "MHL.59", formData });
+        const $$addButtons = yield form.$locate("gatherings.0.units").$$("button");
+        $firstUnitsAdd = $$addButtons[0];
+        $secondUnitsAdd = $$addButtons[1];
+        $gatheringsAdd = form.$locateButton("gatherings", "add");
+        //$lastGatheringsUnitsAdd = form.$locateButton("gatherings.1.units", "add");
+    }));
+    it("has gatherings", () => __awaiter(void 0, void 0, void 0, function* () {
+        expect(yield form.$locate("gatherings").isDisplayed()).toBe(true);
+    }));
+    it("has one gathering by default", () => __awaiter(void 0, void 0, void 0, function* () {
+        expect(yield form.$locate("gatherings.0").isDisplayed()).toBe(true);
+    }));
+    it("has gatherings add", () => __awaiter(void 0, void 0, void 0, function* () {
+        expect(yield $gatheringsAdd.isDisplayed()).toBe(true);
+    }));
+    it("has first unit add", () => __awaiter(void 0, void 0, void 0, function* () {
+        expect(yield $firstUnitsAdd.isDisplayed()).toBe(true);
+    }));
+    it("has second unit add", () => __awaiter(void 0, void 0, void 0, function* () {
+        expect(yield $secondUnitsAdd.isDisplayed()).toBe(true);
+    }));
+    describe("adding unit to first group", () => {
+        it("works", () => __awaiter(void 0, void 0, void 0, function* () {
+            yield $firstUnitsAdd.click();
+            expect(yield form.$locate("gatherings.0.units.0.identifications.0.taxonVerbatim").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.0.individualCount").isDisplayed()).toBe(true);
+        }));
+        it("autofocuses", () => __awaiter(void 0, void 0, void 0, function* () {
+            expect(yield test_utils_1.getFocusedId()).toBe(yield form.$getInputWidget("gatherings.0.units.0.identifications.0.taxonVerbatim").getAttribute("id"));
+        }));
+    });
+    describe("adding unit to second group", () => {
+        it("works", () => __awaiter(void 0, void 0, void 0, function* () {
+            yield $secondUnitsAdd.click();
+            expect(yield form.$locate("gatherings.0.units.0.identifications.0.taxonVerbatim").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.1.identifications.0.taxonVerbatim").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.0.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.1.individualCount").isDisplayed()).toBe(true);
+        }));
+        it("autofocuses", () => __awaiter(void 0, void 0, void 0, function* () {
+            expect(yield test_utils_1.getFocusedId()).toBe(yield form.$getInputWidget("gatherings.0.units.1.identifications.0.taxonVerbatim").getAttribute("id"));
+        }));
+    });
+    describe("adding new section", () => {
+        it("works", () => __awaiter(void 0, void 0, void 0, function* () {
+            yield $gatheringsAdd.click();
+            yield form.$locateAddition("gatherings", "section-input").sendKeys("2");
+            yield form.$locateAddition("gatherings", "section-input").sendKeys(protractor_1.protractor.Key.ENTER);
+            expect(yield form.$locate("gatherings.0.units.1.identifications.0.taxonVerbatim").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.0.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.1.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.1.units.0.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.1.units.1.individualCount").isDisplayed()).toBe(true);
+        }));
+        // Works really but test suite fails
+        //it("autofocuses", async () => {
+        //	expect(await getFocusedId() === await form.$getInputWidget("gatherings.1.gatheringFact.sykeButterFlyCensusWind").getAttribute("id")).toBe(true);
+        //});
+    });
+    describe("adding unit to first group again", () => {
+        it("works", () => __awaiter(void 0, void 0, void 0, function* () {
+            yield $firstUnitsAdd.click();
+            expect(yield form.$locate("gatherings.0.units.0.identifications.0.taxonVerbatim").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.1.identifications.0.taxonVerbatim").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.2.identifications.0.taxonVerbatim").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.0.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.1.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.2.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.1.units.0.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.1.units.1.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.1.units.2.individualCount").isDisplayed()).toBe(true);
+        }));
+        it("autofocuses", () => __awaiter(void 0, void 0, void 0, function* () {
+            expect(yield test_utils_1.getFocusedId()).toBe(yield form.$getInputWidget("gatherings.0.units.1.identifications.0.taxonVerbatim").getAttribute("id"));
+        }));
+    });
+    describe("adding unit to second group again", () => {
+        it("works", () => __awaiter(void 0, void 0, void 0, function* () {
+            yield $secondUnitsAdd.click();
+            expect(yield form.$locate("gatherings.0.units.0.identifications.0.taxonVerbatim").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.1.identifications.0.taxonVerbatim").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.2.identifications.0.taxonVerbatim").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.3.identifications.0.taxonVerbatim").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.0.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.1.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.2.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.3.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.1.units.0.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.1.units.1.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.1.units.2.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.1.units.3.individualCount").isDisplayed()).toBe(true);
+        }));
+        it("autofocuses", () => __awaiter(void 0, void 0, void 0, function* () {
+            expect(yield test_utils_1.getFocusedId()).toBe(yield form.$getInputWidget("gatherings.0.units.3.identifications.0.taxonVerbatim").getAttribute("id"));
+        }));
+    });
+    describe("adding new section again", () => {
+        it("works", () => __awaiter(void 0, void 0, void 0, function* () {
+            yield $gatheringsAdd.click();
+            yield form.$locateAddition("gatherings", "section-input").sendKeys("3");
+            yield form.$locateAddition("gatherings", "section-input").sendKeys(protractor_1.protractor.Key.ENTER);
+            expect(yield form.$locate("gatherings.0.units.0.identifications.0.taxonVerbatim").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.1.identifications.0.taxonVerbatim").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.2.identifications.0.taxonVerbatim").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.3.identifications.0.taxonVerbatim").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.0.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.1.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.2.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.3.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.1.units.0.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.1.units.1.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.1.units.2.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.1.units.3.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.2.units.0.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.2.units.1.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.2.units.2.individualCount").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.2.units.3.individualCount").isDisplayed()).toBe(true);
+        }));
+        // Works really but test suite fails
+        //it("autofocuses", async () => {
+        //	expect(await getFocusedId() === await form.$getInputWidget("gatherings.2.gatheringFact.sykeButterFlyCensusWind").getAttribute("id")).toBe(true);
+        //});
+    });
+    it("removing new section works", () => __awaiter(void 0, void 0, void 0, function* () {
+        const gatheringsLength = (yield form.getChangedData()).gatherings.length;
+        yield form.$locateButton("gatherings.0", "delete").click();
+        const formData = yield form.getChangedData();
+        expect(formData.gatherings.length).not.toBe(gatheringsLength);
+        expect(formData.gatherings[0].section).toBe(2);
+        expect(formData.gatherings[formData.gatherings.length - 1].section).toBe(undefined);
+    }));
+});

package/test-export/test-utils.d.ts

@@ -1,32 +1,53 @@
-import { Locator, Page } from "@playwright/test";
+import { ElementFinder, ElementArrayFinder } from "protractor";
 import { JSONSchema7 } from "json-schema";
-import { LajiFormState } from "@luomus/laji-form/lib/components/LajiForm";
-import type { JSONSerializable } from "@luomus/laji-form/lib/utils";
-import { MapPageObject } from "@luomus/laji-map/test-export/test-utils";
-export declare const emptyForm: (page: Page, params?: string) => Promise<import("playwright-core").Response | null>;
-export declare const navigateToForm: (page: Page, formID: string, params?: string) => Promise<import("playwright-core").Response | null>;
+export declare const EC: import("protractor").ProtractorExpectedConditions;
+export declare const getLocatorForContextId: (contextId: number) => (path: string) => string;
+export declare const emptyForm: (params?: string) => Promise<any>;
+export declare const navigateToForm: (formID: string, params?: string) => Promise<any>;
 export declare const lajiFormLocator: (path: string) => string;
-export declare const getFocusedElement: (page: Page) => Locator;
+export declare const lajiFormLocate: (str: string) => ElementFinder;
+export declare const getFocusedElement: () => import("selenium-webdriver").WebElementPromise;
+export declare const getFocusedId: () => import("selenium-webdriver").promise.Promise<string>;
 export interface Mock {
     resolve: (response?: any, raw?: boolean) => Promise<void>;
     reject: (response?: any, raw?: boolean) => Promise<void>;
     remove: () => Promise<void>;
 }
-export declare type ImageArrayFieldPO = ReturnType<Form["getImageArrayField"]>;
-export declare type TaxonAutosuggestWidgetPO = ReturnType<Form["getTaxonAutosuggestWidget"]>;
-export declare type UnitListShorthandArrayFieldPO = ReturnType<Form["getUnitListShorthandArrayField"]>;
-export declare type EnumWidgetPO = ReturnType<typeof getEnumWidgetForContainer>;
-export declare type DateWidgetPO = ReturnType<Form["getDateWidget"]>;
-export declare type BooleanWidgetPO = ReturnType<Form["getBooleanWidget"]>;
-export declare type NamedPlaceChooserPO = ReturnType<Form["getNamedPlaceChooser"]>;
-declare function getEnumWidgetForContainer($container: Locator): {
-    $container: Locator;
+export interface DateWidgetPO {
+    $container: ElementFinder;
+    $input: ElementFinder;
+    buttons: {
+        $today: ElementFinder;
+        $yesterday: ElementFinder;
+        $same: ElementFinder;
+        $date: ElementFinder;
+        $time: ElementFinder;
+    };
+    calendar: {
+        $today: ElementFinder;
+        waitAnimation: () => Promise<void>;
+    };
+    clock: {
+        "$01:00": ElementFinder;
+        waitAnimation: () => Promise<void>;
+    };
+}
+export interface BooleanWidgetPO {
+    $container: ElementFinder;
+    $true: ElementFinder;
+    $false: ElementFinder;
+    $undefined: ElementFinder;
+    $active: ElementFinder;
+    $nonactive: ElementFinder;
+}
+export interface EnumWidgetPOI {
+    $container: ElementFinder;
     openEnums: () => Promise<void>;
-    $enumContainer: Locator;
-    $enums: Locator;
-    $input: Locator;
-};
-interface DemoPageProps {
+    $enumContainer: ElementFinder;
+    $$enums: ElementArrayFinder;
+    $input: ElementFinder;
+}
+interface FormProps {
     schema?: JSONSchema7;
     uiSchema?: any;
     formData?: any;
@@ -37,174 +58,127 @@ interface DemoPageProps {
     localFormData?: boolean | string;
 }
 export declare class Form {
-    protected page: Page;
-    constructor(page: Page);
-    $form: Locator;
-    /** Locates a field with a dot separated identifier, e.g. "gatherings.0.units.1" */
-    $locate(path: string): Locator;
-    /** Locates a button for a field with a dot separated identifier, e.g. "gatherings.0.units.1" */
-    $locateButton(path: string, selector: string): Locator;
-    /** Locates some additional element for a field with a dot separated identifier, e.g. "gatherings.0.units.1" */
-    $locateAddition(path: string, selector: string): Locator;
+    props: FormProps;
+    contextId: number;
+    constructor(params?: FormProps);
+    initialize(beforeInit?: (form: Form) => Promise<void>, contextId?: number): Promise<void>;
+    e(path: string): Promise<any>;
+    setState(state: any): Promise<any>;
+    getState(): Promise<any>;
+    submit(): Promise<void>;
+    startSubmit(): Promise<void>;
+    submitOnlySchemaValidations(): Promise<void>;
+    waitUntilBlockingLoaderHides(timeout?: number): import("selenium-webdriver").promise.Promise<unknown>;
+    getSubmittedData(): Promise<any>;
+    getChangedData(): Promise<any>;
+    getPropsData(): Promise<any>;
+    $form: ElementFinder;
+    $locate(path: string): ElementFinder;
+    $locateButton(path: string, selector: string): ElementFinder;
+    $locateAddition(path: string, selector: string): ElementFinder;
+    getMockStr: (path: string, query: any) => string;
+    setMockResponse(path: string, query?: any): Promise<Mock>;
+    createMockResponseQueue(path: string, query?: any): Promise<{
+        create: () => Promise<{
+            resolve: (response: any, raw?: boolean | undefined) => import("selenium-webdriver").promise.Promise<unknown>;
+            reject: (response: any, raw?: boolean | undefined) => import("selenium-webdriver").promise.Promise<unknown>;
+        }>;
+        remove: () => import("selenium-webdriver").promise.Promise<unknown>;
+    }>;
     createValidatorPO: (type: "error" | "warning") => {
-        $all: Locator;
-        $panel: Locator;
+        $$all: ElementArrayFinder;
+        $panel: ElementFinder;
     };
     errors: {
-        $all: Locator;
-        $panel: Locator;
+        $$all: ElementArrayFinder;
+        $panel: ElementFinder;
     };
     warnings: {
-        $all: Locator;
-        $panel: Locator;
+        $$all: ElementArrayFinder;
+        $panel: ElementFinder;
     };
     failedJobs: {
-        $container: Locator;
-        $errors: Locator;
-    };
-    $runningJobs: Locator;
-    $acknowledgeWarnings: Locator;
-    $blocker: Locator;
-    $mapFieldFullscreenMap: Locator;
-    getBooleanWidget(str: string): {
-        $container: Locator;
-        $true: Locator;
-        $false: Locator;
-        $undefined: Locator;
-        $active: Locator;
-        $nonactive: Locator;
-    };
-    $getInputWidget(str: string): Locator;
-    $getTextareaWidget(str: string): Locator;
-    $getEnumWidget(str: string): {
-        $container: Locator;
-        openEnums: () => Promise<void>;
-        $enumContainer: Locator;
-        $enums: Locator;
-        $input: Locator;
-    };
-    getDateWidget(str: string): {
-        $container: Locator;
-        $input: Locator;
-        buttons: {
-            $today: Locator;
-            $yesterday: Locator;
-            $same: Locator;
-            $date: Locator;
-            $time: Locator;
-        };
-        calendar: {
-            $today: Locator;
-        };
-        clock: {
-            "$01:00": Locator;
-        };
-    };
-    $getFieldErrors(str: string): Locator;
-    getImageArrayField: (lajiFormLocator: string) => {
-        $container: Locator;
-        $imgContainers: Locator;
-        $imgs: Locator;
-        $imgLoading: Locator;
-        $imgRemoves: Locator;
-        $imgRemoveConfirmButton: (id: string) => Locator;
-        $dropzone: Locator;
-        $modal: Locator;
-        $addModal: Locator;
-        $modalClose: Locator;
-        $addModalCancel: Locator;
-    };
-    getTaxonAutosuggestWidget: (lajiFormLocator: string) => {
-        $input: Locator;
-        $suggestionsContainer: Locator;
-        $suggestions: Locator;
-        $getGlyph: (glyph: string) => Locator;
-        $suggestedGlyph: Locator;
-        $nonsuggestedGlyph: Locator;
-        $powerUserButton: Locator;
-    };
-    getScopeField: (lajiFormLocator: string) => {
-        $button: Locator;
-        $listItems: Locator;
-        modal: {
-            $container: Locator;
-            $close: Locator;
-            $loadingGroup: Locator;
-            $groupTitles: Locator;
-            $listItems: Locator;
-        };
+        $container: ElementFinder;
     };
-    getLocationChooser: (lajiFormLocator: string) => {
-        $button: Locator;
-        modal: {
-            $container: Locator;
-            map: MapPageObject;
-        };
-        peeker: {
-            $popover: Locator;
-            $map: Locator;
-            $markers: Locator;
-        };
-    };
-    getUnitListShorthandArrayField: (lajiFormLocator: string) => {
-        $button: Locator;
-        modal: {
-            $input: Locator;
-            $addButton: Locator;
-        };
-    };
-    /** Draws a marker to the center of a laji-map rendered to the given locator. The locator defaults to "gatherings" */
-    putMarkerToMap(lajiFormLocator?: string): Promise<void>;
-    updateValue($input: Locator, value: string, blur?: boolean): Promise<void>;
-    $getShortHandWidget: (lajiFormLocator: string) => Locator;
-    getGeocoder: (lajiFormLocator?: string) => {
-        $btn: Locator;
-        $spinner: Locator;
-    };
-    getNamedPlaceChooser: () => {
-        select: {
-            $container: Locator;
-            openEnums: () => Promise<void>;
-            $enumContainer: Locator;
-            $enums: Locator;
-            $input: Locator;
-        };
-        mapPopup: {
-            $container: Locator;
-            $useBtn: Locator;
-        };
-        $alert: Locator;
-        $close: Locator;
-    };
-}
-export declare class DemoPageForm extends Form {
-    props: DemoPageProps;
-    constructor(page: Page, params?: DemoPageProps);
-    initialize(beforeInit?: (form: DemoPageForm) => Promise<void>): Promise<void>;
-    e<T>(path: string): Promise<T>;
-    setState(state: any): Promise<unknown>;
-    getState(): Promise<Pick<LajiFormState, "formData">>;
-    submit(): Promise<void>;
-    submitOnlySchemaValidations(): Promise<unknown>;
-    getSubmittedData(): Promise<JSONSerializable>;
-    getChangedData(): Promise<JSONSerializable>;
-    getPropsData(): Promise<JSONSerializable>;
-    getMockStr: (path: string, query: any) => string;
-    setMockResponse(path: string, query?: any): Promise<Mock>;
-    createMockResponseQueue(path: string, query?: any): Promise<{
-        create: () => Promise<{
-            resolve: (response: any, raw?: boolean | undefined) => Promise<unknown>;
-            reject: (response: any, raw?: boolean | undefined) => Promise<unknown>;
-        }>;
-        remove: () => Promise<unknown>;
-    }>;
+    $acknowledgeWarnings: ElementFinder;
+    isBlocked: () => import("selenium-webdriver").promise.Promise<boolean>;
     mockImageUpload: (lajiFormLocator: string) => Promise<{
         resolve: () => Promise<void>;
         remove: () => Promise<void>;
     }>;
+    getBooleanWidget(str: string): BooleanWidgetPO;
+    $getInputWidget(str: string): ElementFinder;
+    $getTextareaWidget(str: string): ElementFinder;
+    $getEnumWidget(str: string): EnumWidgetPOI;
+    getDateWidget(str: string): DateWidgetPO;
+    $$getFieldErrors(str: string): ElementArrayFinder;
+    _getImageArrayField: (form: Form) => (lajiFormLocator: string) => ImageArrayFieldPOI;
+    getImageArrayField: (lajiFormLocator: string) => ImageArrayFieldPOI;
+    _getTaxonAutosuggestWidget: (form: Form) => (lajiFormLocator: string) => TaxonAutosuggestWidgetPOI;
+    getTaxonAutosuggestWidget: (lajiFormLocator: string) => TaxonAutosuggestWidgetPOI;
+    getScopeField: (lajiFormLocator: string) => {
+        $button: ElementFinder;
+        $$listItems: ElementArrayFinder;
+    };
+    getUnitListShorthandArrayField: (lajiFormLocator: string) => UnitListShorthandArrayFieldPOI;
+}
+export declare const isDisplayed: ($elem: ElementFinder) => Promise<boolean>;
+export interface ImageArrayFieldPOI {
+    $container: ElementFinder;
+    $$imgs: ElementArrayFinder;
+    $$imgInteractives: ElementArrayFinder;
+    $$imgRemoves: ElementArrayFinder;
+    $imgRemoveConfirmButton: (id: string) => ElementFinder;
+    $dropzone: ElementFinder;
+    $modal: ElementFinder;
+    $modalClose: ElementFinder;
+}
+export interface TaxonAutosuggestWidgetPOI {
+    $input: ElementFinder;
+    $suggestionsContainer: ElementFinder;
+    $$suggestions: ElementArrayFinder;
+    waitForSuggestionsToLoad: () => Promise<void>;
+    waitForGlyph: () => Promise<void>;
+    isSuggested: () => Promise<boolean>;
+    isNonsuggested: () => Promise<boolean>;
+    $powerUserButton: ElementFinder;
+    powerUserButtonIsActive: () => Promise<boolean>;
+    waitForPopoverToHide: () => Promise<void>;
 }
-export declare function createForm(page: Page, props?: DemoPageProps, beforeInit?: (form: Form) => Promise<void>): Promise<DemoPageForm>;
+export interface UnitListShorthandArrayFieldPOI {
+    $button: ElementFinder;
+    modal: {
+        $input: ElementFinder;
+        $addButton: ElementFinder;
+    };
+}
+export declare class NamedPlaceChooserPO {
+    select: EnumWidgetPOI;
+    mapPopup: {
+        $container: ElementFinder;
+        $useBtn: ElementFinder;
+    };
+    $alert: ElementFinder;
+    $close: ElementFinder;
+}
+export declare function createForm(props?: FormProps, beforeInit?: (form: Form) => Promise<void>): Promise<Form>;
+export declare function waitUntilBlockingLoaderHides(timeout?: number): import("selenium-webdriver").promise.Promise<unknown>;
+export declare function putForeignMarkerToMap(): Promise<void>;
+export declare function removeUnit(gatheringIdx: number, unitIdx: number): Promise<void>;
+export declare const updateValue: ($input: ElementFinder, value: string, blur?: boolean) => Promise<void>;
+export declare const mockImageMetadata: {
+    id: string;
+    capturerVerbatim: string[];
+    intellectualOwner: string;
+    intellectualRights: string;
+    fullURL: string;
+    largeURL: string;
+    squareThumbnailURL: string;
+    thumbnailURL: string;
+    originalURL: string;
+    uploadedBy: string;
+    "@context": string;
+};
 export declare const filterUUIDs: (any: any) => any;
 export declare const maybeJSONPointerToLocator: (pointer: string) => string;
-export declare const getRemoveUnit: (page: Page) => (gatheringIdx: number, unitIdx: number) => Promise<void>;
 export {};