@luomus/laji-form 15.0.0 → 15.1.1

package/dist/styles.css

@@ -750,8 +750,10 @@ Version: 0.0.6
   height: 40%;
   position: absolute;
   right: 21px;
-  transform-origin: 50% 50%;
-  transform: skew(150deg) rotate(-40deg);
+  -ms-transform-origin: 50% 50%;
+      transform-origin: 50% 50%;
+  -ms-transform: skew(150deg) rotate(-40deg);
+      transform: skew(150deg) rotate(-40deg);
   width: 60%;
   z-index: -1; }
 
@@ -773,80 +775,80 @@ Version: 0.0.6
 .vector-marker .icon-white {
   color: #fff; }
 
-.marker-cluster-small {
-	background-color: rgba(181, 226, 140, 0.6);
-	}
-.marker-cluster-small div {
-	background-color: rgba(110, 204, 57, 0.6);
-	}
-
-.marker-cluster-medium {
-	background-color: rgba(241, 211, 87, 0.6);
-	}
-.marker-cluster-medium div {
-	background-color: rgba(240, 194, 12, 0.6);
-	}
-
-.marker-cluster-large {
-	background-color: rgba(253, 156, 115, 0.6);
-	}
-.marker-cluster-large div {
-	background-color: rgba(241, 128, 23, 0.6);
-	}
-
-	/* IE 6-8 fallback colors */
-.leaflet-oldie .marker-cluster-small {
-	background-color: rgb(181, 226, 140);
-	}
-.leaflet-oldie .marker-cluster-small div {
-	background-color: rgb(110, 204, 57);
-	}
-
-.leaflet-oldie .marker-cluster-medium {
-	background-color: rgb(241, 211, 87);
-	}
-.leaflet-oldie .marker-cluster-medium div {
-	background-color: rgb(240, 194, 12);
-	}
-
-.leaflet-oldie .marker-cluster-large {
-	background-color: rgb(253, 156, 115);
-	}
-.leaflet-oldie .marker-cluster-large div {
-	background-color: rgb(241, 128, 23);
-}
-
-.marker-cluster {
-	background-clip: padding-box;
-	border-radius: 20px;
-	}
-.marker-cluster div {
-	width: 30px;
-	height: 30px;
-	margin-left: 5px;
-	margin-top: 5px;
-
-	text-align: center;
-	border-radius: 15px;
-	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
-	}
-.marker-cluster span {
-	line-height: 30px;
+.marker-cluster-small {
+	background-color: rgba(181, 226, 140, 0.6);
+	}
+.marker-cluster-small div {
+	background-color: rgba(110, 204, 57, 0.6);
+	}
+
+.marker-cluster-medium {
+	background-color: rgba(241, 211, 87, 0.6);
+	}
+.marker-cluster-medium div {
+	background-color: rgba(240, 194, 12, 0.6);
+	}
+
+.marker-cluster-large {
+	background-color: rgba(253, 156, 115, 0.6);
+	}
+.marker-cluster-large div {
+	background-color: rgba(241, 128, 23, 0.6);
+	}
+
+	/* IE 6-8 fallback colors */
+.leaflet-oldie .marker-cluster-small {
+	background-color: rgb(181, 226, 140);
+	}
+.leaflet-oldie .marker-cluster-small div {
+	background-color: rgb(110, 204, 57);
+	}
+
+.leaflet-oldie .marker-cluster-medium {
+	background-color: rgb(241, 211, 87);
+	}
+.leaflet-oldie .marker-cluster-medium div {
+	background-color: rgb(240, 194, 12);
+	}
+
+.leaflet-oldie .marker-cluster-large {
+	background-color: rgb(253, 156, 115);
+	}
+.leaflet-oldie .marker-cluster-large div {
+	background-color: rgb(241, 128, 23);
+}
+
+.marker-cluster {
+	background-clip: padding-box;
+	border-radius: 20px;
+	}
+.marker-cluster div {
+	width: 30px;
+	height: 30px;
+	margin-left: 5px;
+	margin-top: 5px;
+
+	text-align: center;
+	border-radius: 15px;
+	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
+	}
+.marker-cluster span {
+	line-height: 30px;
 	}
-.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
-	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
-	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
-	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
-	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
-}
-
-.leaflet-cluster-spider-leg {
-	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
-	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
-	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
-	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
-	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
-}
+.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
+	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
+	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
+	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
+	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
+}
+
+.leaflet-cluster-spider-leg {
+	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
+	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
+	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
+	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
+	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
+}
 
 /* global styling */
 .leaflet-control-geosearch *,
@@ -1900,8 +1902,6 @@ li.laji-map-layer-control-layer-item.active span {
 	z-index: -1;
 }
 
-
-
 .leaflet-measure-path-measurement {
     position: absolute;
     font-size: 10px;
@@ -2213,18 +2213,10 @@ min-height: 20px;
 
 .laji-form .laji-form-help-glyph {
 	margin-left: 5px;
-	border-radius: 100%;
+	border-radius: 9px;
+	color: white;
+	padding: 0px 6px;
 	font-size: 13px;
-	background: white;
-	outline: 1px solid #b6b6b6;
-	width: 18px;
-	height: 18px;
-	font-weight: bold;
-	display: inline-block;
-	text-align: center;
-}
-.laji-form .laji-form-help-glyph:before {
-	content: "?";
 }
 
 .laji-form .laji-form-map-container {
@@ -2559,8 +2551,7 @@ min-height: 20px;
 .laji-form .col-lg-1, .laji-form .col-lg-10, .laji-form .col-lg-11, .laji-form .col-lg-12, .laji-form .col-lg-2, .laji-form .col-lg-3, .laji-form .col-lg-4, .laji-form .col-lg-5, .laji-form .col-lg-6, .laji-form .col-lg-7, .laji-form .col-lg-8, .laji-form .col-lg-9,
 .laji-form .col-md-1, .laji-form .col-md-10, .laji-form .col-md-11, .laji-form .col-md-12, .laji-form .col-md-2, .laji-form .col-md-3, .laji-form .col-md-4, .laji-form .col-md-5, .laji-form .col-md-6, .laji-form .col-md-7, .laji-form .col-md-8, .laji-form .col-md-9,
 .laji-form .col-sm-1, .laji-form .col-sm-10, .laji-form .col-sm-11, .laji-form .col-sm-12, .laji-form .col-sm-2, .laji-form .col-sm-3, .laji-form .col-sm-4, .laji-form .col-sm-5, .laji-form .col-sm-6, .laji-form .col-sm-7, .laji-form .col-sm-8, .laji-form .col-sm-9,
-.laji-form .col-xs-1, .laji-form .col-xs-10, .laji-form .col-xs-11, .laji-form .col-xs-12, .laji-form .col-xs-2, .laji-form .col-xs-3, .laji-form .col-xs-4, .laji-form .col-xs-5, .laji-form .col-xs-6, .laji-form .col-xs-7, .laji-form .col-xs-8, .laji-form .col-xs-9,
-.laji-form .col-1,    .laji-form .col-10,    .laji-form .col-11,    .laji-form .col-12,    .laji-form .col-2,    .laji-form .col-3,    .laji-form .col-4,    .laji-form .col-5,    .laji-form .col-6,    .laji-form .col-7,    .laji-form .col-8,    .laji-form .col-9 {
+.laji-form .col-xs-1, .laji-form .col-xs-10, .laji-form .col-xs-11, .laji-form .col-xs-12, .laji-form .col-xs-2, .laji-form .col-xs-3, .laji-form .col-xs-4, .laji-form .col-xs-5, .laji-form .col-xs-6, .laji-form .col-xs-7, .laji-form .col-xs-8, .laji-form .col-xs-9 {
 	padding-right:3px;
 	padding-left:3px;
 }

package/jsonconfig.json

@@ -0,0 +1,26 @@
+{
+	"compilerOptions": {
+		"outDir": "./build",
+		"module": "es6",
+		"target": "es6",
+		"lib": [
+			"dom",
+			"es7",
+			"es2016.array.include"
+		],
+		"allowJs": true,
+		"jsx": "react",
+		"moduleResolution": "node",
+		"noImplicitReturns": true,
+		"noImplicitThis": false,
+		"noImplicitAny": true,
+		"strictNullChecks": true,
+		"allowSyntheticDefaultImports": true,
+		"esModuleInterop": true,
+		"experimentalDecorators": true,
+		"resolveJsonModule": true
+	},
+	"include": [
+		"./src/**/*"
+	]
+}

package/migrate.sh

@@ -30,4 +30,3 @@ sed -i"" -E 's/protractor.Key.DOWN/"ArrowDown"/g' $files
 #laji form specific
 sed -i"" -E 's/beforeAll\(async \(\)/beforeAll\(async \({browser}\)/' $files
 sed -i"" -E 's/createForm\(/createForm\(await browser.newPage(), /' $files
-sed -i"" -E 's/updateValue/form.updateValue/' $files

package/package.json

@@ -1,22 +1,21 @@
 {
   "name": "@luomus/laji-form",
-  "version": "15.0.0",
+  "version": "15.1.1",
   "description": "React module capable of building dynamic forms from Laji form json schemas",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "scripts": {
-    "prepare": "self-import",
     "start": "npx webpack serve",
     "staging": "webpack-dev-server --content-base playground playground/app.js --host 0.0.0.0 --port 4010",
     "build:lib": "rimraf lib && NODE_ENV=production tsc -p tsconfig.lib.json",
     "build:dist": "rimraf dist && NODE_ENV=production webpack --config webpack.config.dist.js && rimraf dist/styles.js",
-    "build:tests": "rimraf test-export & NODE_ENV=production tsc -p tsconfig.test.json",
+    "build:tests": "rimraf test-export &c NODE_ENV=production tsc -p tsconfig.test.json",
     "build": "npm run build:lib && npm run build:dist && npm run build:tests",
-    "preversion": "npm run lint && npm run test",
+    "preversion": "npm run lint && npm test",
     "version": "bin/update-changelog.sh",
-    "postversion": "npm run build && npm publish && git push & git push --tags",
+    "postversion": "npm run build &&  git push & git push --tags && npm publish",
     "lint": "eslint -c .eslintrc.prod.json src playground",
-    "test": "playwright test"
+    "test": "npx playwright test --project chromium"
   },
   "keywords": [
     "react-jsonschema-form",
@@ -27,7 +26,7 @@
   "repository": "https://github.com/luomus/laji-form.git",
   "license": "MIT",
   "dependencies": {
-    "@luomus/laji-map": "^4.0.2",
+    "@luomus/laji-map": "^4.0.3",
     "@luomus/laji-validate": "0.0.120",
     "@rjsf/core": "~5.1.0",
     "@rjsf/utils": "~5.1.0",
@@ -56,19 +55,20 @@
   },
   "devDependencies": {
     "@playwright/test": "^1.40.1",
+    "@types/jasmine": "^3.7.7",
     "@types/node": "^20.10.1",
     "@typescript-eslint/eslint-plugin": "^4.28.1",
     "@typescript-eslint/parser": "^4.28.1",
     "copy-webpack-plugin": "^9.0.1",
     "css-loader": "^5.2.6",
     "eslint": "^7.30.0",
+    "eslint-plugin-jasmine": "^4.1.2",
     "eslint-plugin-react": "^7.24.0",
     "eslint-plugin-react-hooks": "^4.2.0",
     "mini-css-extract-plugin": "^2.1.0",
     "notus": "^0.3.2",
     "querystring": "^0.2.1",
     "rimraf": "^2.5.4",
-    "self-import": "^1.0.1",
     "style-loader": "^3.0.0",
     "ts-loader": "^9.2.3",
     "typescript": "^4.3.5",

package/test-export/array-spec.js

@@ -0,0 +1,204 @@
+"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("Array", () => {
+    let form;
+    describe("copy button", () => {
+        const uiSchemaForCopy = (type, filter) => ({
+            "ui:options": {
+                "buttons": [{
+                        fn: "copy", type, filter
+                    }]
+            }
+        });
+        beforeAll(() => __awaiter(void 0, void 0, void 0, function* () {
+            form = yield test_utils_1.createForm();
+        }));
+        describe("nested object", () => {
+            const schema = {
+                type: "array",
+                items: {
+                    type: "object",
+                    properties: {
+                        a: { type: "string" },
+                        b: { type: "string" },
+                        1: {
+                            type: "object",
+                            properties: {
+                                a: { type: "string" },
+                                b: { type: "string" },
+                                2: {
+                                    type: "object",
+                                    properties: {
+                                        a: { type: "string" },
+                                        b: { type: "string" },
+                                        default: { type: "string", default: "default" },
+                                        3: {
+                                            type: "object",
+                                            properties: {
+                                                a: { type: "string" },
+                                                b: { type: "string" },
+                                                default: { type: "string", default: "default" },
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            };
+            const allButDefaultFilled = [{
+                    a: "foo",
+                    b: "foo",
+                    1: {
+                        a: "foo",
+                        b: "foo",
+                        2: {
+                            a: "foo",
+                            b: "foo",
+                            3: {
+                                a: "foo",
+                                b: "foo",
+                            }
+                        }
+                    }
+                }];
+            it("works with whitelist", () => __awaiter(void 0, void 0, void 0, function* () {
+                yield form.setState({ schema, formData: allButDefaultFilled, uiSchema: uiSchemaForCopy("whitelist", ["a", "/1/a", "/1/2/a"]) });
+                yield form.$locateButton("", "copy").click();
+                expect((yield form.getChangedData())[1]).toEqual({
+                    a: "foo",
+                    1: {
+                        a: "foo",
+                        2: {
+                            a: "foo",
+                            default: "default",
+                            3: {
+                                default: "default"
+                            }
+                        }
+                    }
+                });
+            }));
+            it("works with blacklist", () => __awaiter(void 0, void 0, void 0, function* () {
+                yield form.setState({ schema, formData: allButDefaultFilled, uiSchema: uiSchemaForCopy("blacklist", ["a", "/1/a", "/1/2/a"]) });
+                yield form.$locateButton("", "copy").click();
+                expect((yield form.getChangedData())[1]).toEqual({
+                    a: null,
+                    b: "foo",
+                    1: {
+                        a: null,
+                        b: "foo",
+                        2: {
+                            a: null,
+                            b: "foo",
+                            default: "default",
+                            3: {
+                                a: "foo",
+                                b: "foo",
+                                default: "default"
+                            }
+                        }
+                    }
+                });
+            }));
+        });
+        describe("copying form nonexisting array item", () => {
+            const schema = {
+                type: "array",
+                items: {
+                    type: "object",
+                    properties: {
+                        arr: {
+                            type: "array",
+                            items: {
+                                type: "object",
+                                properties: {
+                                    a: { type: "string" },
+                                    b: { type: "string" },
+                                    default: { type: "string", default: "default" }
+                                }
+                            }
+                        }
+                    }
+                }
+            };
+            const formData = [{
+                    arr: [{
+                            a: "foo",
+                            b: "foo"
+                        }]
+                }];
+            it("works with whitelist", () => __awaiter(void 0, void 0, void 0, function* () {
+                yield form.setState({ schema, formData, uiSchema: uiSchemaForCopy("whitelist", ["/arr/0/a", "/arr/1/b"]) });
+                yield form.$locateButton("", "copy").click();
+                expect((yield form.getChangedData())[1]).toEqual({
+                    arr: [
+                        {
+                            a: "foo",
+                            default: "default"
+                        },
+                        {
+                            b: null,
+                            default: "default"
+                        }
+                    ]
+                });
+            }));
+            it("works with blacklist", () => __awaiter(void 0, void 0, void 0, function* () {
+                yield form.setState({ schema, formData, uiSchema: uiSchemaForCopy("blacklist", ["/arr/0/a", "/arr/1/b"]) });
+                yield form.$locateButton("", "copy").click();
+                expect((yield form.getChangedData())[1]).toEqual({
+                    arr: [
+                        {
+                            a: null,
+                            b: "foo",
+                            default: "default"
+                        },
+                        {
+                            b: null,
+                            default: "default"
+                        }
+                    ]
+                });
+            }));
+        });
+    });
+    describe("keyboard shortcut", () => {
+        let form;
+        beforeAll(() => __awaiter(void 0, void 0, void 0, function* () {
+            const shortcuts = { "alt+i": { fn: "insert" } };
+            const props = { schema: { type: "array", items: { type: "string" } }, uiSchema: { "ui:shortcuts": shortcuts } };
+            form = yield test_utils_1.createForm(props);
+        }));
+        afterEach(() => __awaiter(void 0, void 0, void 0, function* () {
+            yield form.setState({ formData: [] });
+        }));
+        describe("insert", () => {
+            it("works", () => __awaiter(void 0, void 0, void 0, function* () {
+                yield form.$locateButton("", "add").click();
+                expect(yield form.$locate("0").isDisplayed()).toBe(true);
+                yield protractor_1.browser.driver.switchTo().activeElement().sendKeys(protractor_1.protractor.Key.chord(protractor_1.protractor.Key.ALT, "i"));
+                expect(yield form.$locate("1").isDisplayed()).toBe(true);
+            }));
+            it("keeps entered value", () => __awaiter(void 0, void 0, void 0, function* () {
+                yield form.$locateButton("", "add").click();
+                yield protractor_1.browser.driver.switchTo().activeElement().sendKeys("test");
+                yield protractor_1.browser.driver.switchTo().activeElement().sendKeys(protractor_1.protractor.Key.chord(protractor_1.protractor.Key.ALT, "i"));
+                expect(yield form.$locate("1").isDisplayed()).toBe(true);
+                expect(yield form.$getInputWidget("0").getAttribute("value")).toBe("test");
+            }));
+        });
+    });
+});

package/test-export/bird-point-count-spec.d.ts

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

package/test-export/bird-point-count-spec.js

@@ -0,0 +1,62 @@
+"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("Bird point count (MHL.75)", () => {
+    let form;
+    let $addUnit;
+    beforeAll(() => __awaiter(void 0, void 0, void 0, function* () {
+        form = yield test_utils_1.createForm({ id: "MHL.75" });
+        $addUnit = form.$locateButton("gatherings.0.units", "add");
+    }));
+    it("adds gathering", () => __awaiter(void 0, void 0, void 0, function* () {
+        yield test_utils_1.putForeignMarkerToMap();
+        expect(yield test_utils_1.isDisplayed(form.$locate("gatherings.0"))).toBe(true);
+    }));
+    it("adds unit", () => __awaiter(void 0, void 0, void 0, function* () {
+        yield $addUnit.click();
+        expect(yield test_utils_1.isDisplayed(form.$locate("gatherings.0.units.0"))).toBe(true);
+    }));
+    it("unit pair count doesn't lose value when typed and new unit entered by shortcut key", () => __awaiter(void 0, void 0, void 0, function* () {
+        const text = "123";
+        yield form.$getInputWidget("gatherings.0.units.0.unitFact.pairCountInner").sendKeys(text);
+        yield protractor_1.browser.driver.switchTo().activeElement().sendKeys(protractor_1.protractor.Key.chord(protractor_1.protractor.Key.ALT, "u"));
+        expect(yield form.$getInputWidget("gatherings.0.units.0.unitFact.pairCountInner").getAttribute("value")).toBe(text);
+        // Cleanup
+        yield form.$locateButton("gatherings.0.units.0", "delete").click();
+        yield form.$locateButton("gatherings.0.units.0", "delete").click();
+    }));
+    it("when two units and 1st is removed, the autosuggest input value updated to the value of the 1st", () => __awaiter(void 0, void 0, void 0, function* () {
+        const taxonAutosuggest1 = form.getTaxonAutosuggestWidget("gatherings.0.units.0.identifications.0.taxonVerbatim");
+        const taxonAutosuggest2 = form.getTaxonAutosuggestWidget("gatherings.0.units.1.identifications.0.taxonVerbatim");
+        const mockQueue = yield form.createMockResponseQueue("/autocomplete/taxon");
+        const peippoMock = yield mockQueue.create();
+        const mustarastasMock = yield mockQueue.create();
+        yield $addUnit.click();
+        yield test_utils_1.updateValue(taxonAutosuggest1.$input, "peippo");
+        yield peippoMock.resolve([{
+                key: "MX.36237",
+                value: "peippo",
+            }]);
+        yield taxonAutosuggest1.waitForPopoverToHide();
+        yield $addUnit.click();
+        yield test_utils_1.updateValue(taxonAutosuggest2.$input, "mustarastas");
+        yield mustarastasMock.resolve([{
+                key: "MX.33106",
+                value: "mustarastas",
+            }]);
+        yield taxonAutosuggest2.waitForPopoverToHide();
+        yield mockQueue.remove();
+        yield form.$locateButton("gatherings.0.units.0", "delete").click();
+        expect(yield taxonAutosuggest1.$input.getAttribute("value")).toBe("mustarastas");
+    }));
+});

package/test-export/collection-contest-form-spec.d.ts

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

package/test-export/collection-contest-form-spec.js

@@ -0,0 +1,38 @@
+"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");
+describe("Collection contest form (MHL.25)", () => {
+    let form;
+    describe("Without data", () => {
+        beforeAll(() => __awaiter(void 0, void 0, void 0, function* () {
+            form = yield test_utils_1.createForm({ id: "MHL.25" });
+        }));
+        it("adds observation", () => __awaiter(void 0, void 0, void 0, function* () {
+            yield form.$locateButton("gatherings", "add").click();
+        }));
+        it("shows gathering date and hides unit date", () => __awaiter(void 0, void 0, void 0, function* () {
+            expect(yield form.$locate("gatherings.0.dateBegin").isDisplayed()).toBe(true);
+            expect(yield form.$locate("gatherings.0.units.0.unitGathering.dateBegin").isPresent()).toBe(false);
+        }));
+        describe("injected date field", () => {
+            let dateWidget;
+            it("is date widget", () => __awaiter(void 0, void 0, void 0, function* () {
+                dateWidget = form.getDateWidget("gatherings.0.dateBegin");
+                expect(yield dateWidget.$input.isDisplayed()).toBe(true);
+            }));
+            it("onChange works", () => __awaiter(void 0, void 0, void 0, function* () {
+                yield dateWidget.buttons.$today.click();
+                expect((yield dateWidget.$input.getAttribute("value")).length).not.toBe(0);
+            }));
+        });
+    });
+});

package/test-export/dataset-form-spec.d.ts

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

package/test-export/dataset-form-spec.js

@@ -0,0 +1,50 @@
+"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("dataset form (MHL.731)", () => {
+    let form;
+    let nameInEnglishInput$;
+    let nameInFinnishInput$;
+    const uiSchemaContext = {
+        defaultPersonsResponsible: "Test, User"
+    };
+    beforeAll(() => __awaiter(void 0, void 0, void 0, function* () {
+        form = yield test_utils_1.createForm({ id: "MHL.731" });
+        yield form.setState({ uiSchemaContext });
+        nameInEnglishInput$ = form.$locate("datasetName_en").$("input");
+        nameInFinnishInput$ = form.$locate("datasetName_fi").$("input");
+    }));
+    it("sets correct name to dataset when adding a name in one language", () => __awaiter(void 0, void 0, void 0, function* () {
+        const name = "name";
+        yield nameInEnglishInput$.sendKeys(name + protractor_1.protractor.Key.TAB);
+        const formData = yield form.getChangedData();
+        expect(formData.datasetName["en"]).toBe(name);
+    }));
+    it("sets correct name to dataset when adding a name in two languages", () => __awaiter(void 0, void 0, void 0, function* () {
+        const name1 = "name in English";
+        const name2 = "name in Finnish";
+        yield nameInEnglishInput$.clear();
+        yield nameInEnglishInput$.sendKeys(name1);
+        yield nameInFinnishInput$.sendKeys(name2 + protractor_1.protractor.Key.TAB);
+        const formData = yield form.getChangedData();
+        expect(formData.datasetName["en"]).toBe(name1);
+        expect(formData.datasetName["fi"]).toBe(name2);
+    }));
+    it("sets correct name to personsResponsible field when clicking a me button", () => __awaiter(void 0, void 0, void 0, function* () {
+        yield form.$locate("personsResponsible").$("button").click();
+        const $input = form.$locate("personsResponsible").$("input");
+        expect(yield $input.getAttribute("value")).toBe("Test, User");
+        const formData = yield form.getChangedData();
+        expect(formData.personsResponsible).toBe("Test, User");
+    }));
+});