@esri/solutions-components 0.5.3 → 0.5.4

package/dist/collection/components/pdf-download/test/pdf-download.e2e.js

@@ -0,0 +1,71 @@
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { newE2EPage } from '@stencil/core/testing';
+import * as locale from "../../../utils/locale";
+import * as translations from "../../../assets/t9n/pdf-download/resources.json";
+import { LayerView } from "../../../utils/test/mocks/jsApi";
+jest.setTimeout(60000);
+afterEach(() => {
+    jest.restoreAllMocks();
+});
+beforeEach(() => {
+    jest.spyOn(locale, "getLocaleComponentStrings").mockImplementation(() => [
+        translations
+    ]);
+});
+xdescribe('pdf-download', () => {
+    it('renders', async (done) => {
+        const page = await newE2EPage();
+        await page.setContent('<pdf-download></pdf-download>');
+        const element = await page.find('pdf-download');
+        expect(element).toHaveClass('hydrated');
+        expect(element).toEqualHtml(`
+      <pdf-download class="hydrated">
+       <mock:shadow-root>
+         <calcite-select aria-disabled="true" class="hydrated" disabled="" scale="m" tabindex="-1" width="auto">
+           <calcite-option class="hydrated" selected="">
+             6 per page | 4 x 3-1/3
+           </calcite-option>
+           <calcite-option class="hydrated">
+             10 per page | 4 x 2
+           </calcite-option>
+           <calcite-option class="hydrated">
+             14 per page | 4 x 1-1/3
+           </calcite-option>
+           <calcite-option class="hydrated">
+             20 per page | 4 x 1
+           </calcite-option>
+           <calcite-option class="hydrated">
+             30 per page | 2-5/8 x 1
+           </calcite-option>
+           <calcite-option class="hydrated">
+             60 per page | 1-3/4 x 2/3
+           </calcite-option>
+           <calcite-option class="hydrated">
+             80 per page | 1-3/4 x 1/2
+           </calcite-option>
+         </calcite-select>
+       </mock:shadow-root>
+     </pdf-download>
+  `);
+        const layerView = new LayerView();
+        await element.setProperty("layerView", layerView);
+        await page.waitForChanges();
+        window.alert = jest.fn();
+        await element.callMethod("downloadPDF", [], true);
+        done();
+    });
+});

package/dist/collection/components/pdf-download/test/pdf-download.spec.js

@@ -0,0 +1,104 @@
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { h } from '@stencil/core';
+import { newSpecPage } from '@stencil/core/testing';
+import * as PdfDownload from '../pdf-download';
+import * as locale from "../../../utils/locale";
+import * as translations from "../../../assets/t9n/pdf-download/resources.json";
+import * as csvUtils from "../../../utils/csvUtils";
+import { LayerView } from "../../../utils/test/mocks/jsApi";
+jest.setTimeout(30000);
+afterEach(() => {
+    jest.restoreAllMocks();
+});
+beforeEach(() => {
+    jest.spyOn(locale, "getLocaleComponentStrings").mockImplementation(() => [
+        translations
+    ]);
+});
+describe('pdf-download', () => {
+    xit('renders', async () => {
+        const page = await newSpecPage({
+            components: [PdfDownload],
+            template: () => (h("pdf-download", null)),
+        });
+        expect(page.root).toEqualHtml(`
+      <pdf-download>
+        <mock:shadow-root>
+          <calcite-select disabled="" label="">
+            <calcite-option>
+              6 per page | 4 x 3-1/3
+            </calcite-option>
+            <calcite-option>
+              10 per page | 4 x 2
+            </calcite-option>
+            <calcite-option>
+              14 per page | 4 x 1-1/3
+            </calcite-option>
+            <calcite-option>
+              20 per page | 4 x 1
+            </calcite-option>
+            <calcite-option>
+              30 per page | 2-5/8 x 1
+            </calcite-option>
+            <calcite-option>
+              60 per page | 1-3/4 x 2/3
+            </calcite-option>
+            <calcite-option>
+              80 per page | 1-3/4 x 1/2
+            </calcite-option>
+          </calcite-select>
+        </mock:shadow-root>
+      </pdf-download>
+    `);
+    });
+    xit('downloads csv', async () => {
+        const exportCSVMock = jest.fn();
+        jest.spyOn(csvUtils, "exportCSV").mockImplementation(exportCSVMock);
+        const consoleLogMock = jest.fn();
+        jest.spyOn(console, "log").mockImplementation(consoleLogMock);
+        const layerView = new LayerView();
+        const page = await newSpecPage({
+            components: [PdfDownload],
+            template: () => (h("pdf-download", { layerView: layerView })),
+        });
+        await page.root.downloadCSV([], true);
+        expect(exportCSVMock).toBeCalledTimes(1);
+        expect(consoleLogMock).toBeCalledTimes(1);
+        expect(consoleLogMock).toBeCalledWith(true);
+        await page.root.downloadCSV([], false);
+        expect(exportCSVMock).toBeCalledTimes(2);
+        expect(consoleLogMock).toBeCalledTimes(2);
+        expect(consoleLogMock).toBeCalledWith(false);
+    });
+    // it('downloads pdf', async () => {
+    //   const layerView = new LayerView() as unknown as any;
+    //   const page = await newSpecPage({
+    //     components: [PdfDownload],
+    //     template: () => (<pdf-download layerView={layerView}></pdf-download>),
+    //     supportsShadowDom: true,
+    //     autoApplyChanges: true,
+    //   });
+    //   const sel = page.root.shadowRoot.querySelector("calcite-option");
+    //   //.getElementsByTagName("calcite-option");
+    //   sel[0].selected = true;
+    //   //expect(sel.length).toEqual(0);
+    //   const tempAlertMock = jest.fn();
+    //   jest.spyOn(page.win, "alert").mockImplementation(tempAlertMock);
+    //   await page.root.downloadPDF([], true);
+    //   expect(tempAlertMock).toBeCalledTimes(1);
+    // });
+});

package/dist/collection/components/public-notification/test/public-notification.e2e.js

@@ -0,0 +1,95 @@
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { newE2EPage } from '@stencil/core/testing';
+import * as locale from "../../../utils/locale";
+;
+import * as translations from "../../../assets/t9n/public-notification/resources.json";
+import * as queryUtils from "../../../utils/queryUtils";
+import * as mapViewUtils from "../../../utils/mapViewUtils";
+import * as publicNotificationUtils from "../../../utils/publicNotificationUtils";
+jest.setTimeout(50000);
+afterEach(() => {
+    jest.restoreAllMocks();
+});
+let mapView;
+beforeEach(() => {
+    jest.spyOn(locale, "getLocaleComponentStrings").mockImplementation(() => [
+        translations
+    ]);
+    jest.spyOn(mapViewUtils, "highlightFeatures").mockImplementation(jest.fn());
+    jest.spyOn(publicNotificationUtils, "getSelectionIds").mockImplementation(jest.fn());
+    jest.spyOn(console, 'warn').mockImplementation(() => { });
+    mapView = {
+        map: {
+            layers: {
+                add: () => { },
+                getItemAt: () => { return -1; },
+                findIndex: () => { return -1; }
+            }
+        }
+    };
+});
+// This keeps timing out every so often...will look more
+xdescribe('public-notification', () => {
+    it('renders', async () => {
+        jest.useFakeTimers();
+        const getSelectionSetQueryMock = jest.fn();
+        jest.spyOn(queryUtils, "getSelectionSetQuery").mockImplementation(getSelectionSetQueryMock);
+        const page = await newE2EPage();
+        await page.setContent('<public-notification></public-notification>');
+        await page.waitForChanges();
+        const element = await page.find('public-notification');
+        expect(element).toHaveClass('hydrated');
+        // These cause errors to be thrown
+        // element.setProperty("addresseeLayer", new LayerView() as unknown as any);
+        // element.setProperty("mapView", mapView);
+        // await page.waitForChanges();
+        const infoMessage = await element.find(".info-message");
+        expect(infoMessage.innerHTML).toContain(translations.noNotifications);
+        const notice = await page.find("calcite-notice");
+        expect(notice.innerText).toContain(translations.selectLayerAndAdd);
+        const addBtn = await element.find("calcite-button");
+        expect(addBtn.innerText).toContain(translations.add);
+        // TODO understand why this causes failures in the test
+        // this is really the only way to change pageType
+        //await addBtn.click();
+        //await page.waitForChanges();
+    });
+    it('renders with selection set', async () => {
+        jest.useFakeTimers();
+        const getSelectionSetQueryMock = jest.fn();
+        jest.spyOn(queryUtils, "getSelectionSetQuery").mockImplementation(getSelectionSetQueryMock);
+        const page = await newE2EPage();
+        await page.setContent('<public-notification></public-notification>');
+        await page.waitForChanges();
+        const element = await page.find('public-notification');
+        expect(element).toHaveClass('hydrated');
+        // These cause errors to be thrown
+        // element.setProperty("addresseeLayer", new LayerView() as unknown as any);
+        // element.setProperty("mapView", mapView);
+        //await page.waitForChanges();
+        const infoMessage = await element.find(".info-message");
+        expect(infoMessage.innerHTML).toContain(translations.noNotifications);
+        const notice = await page.find("calcite-notice");
+        expect(notice.innerText).toContain(translations.selectLayerAndAdd);
+        const addBtn = await element.find("calcite-button");
+        expect(addBtn.innerText).toContain(translations.add);
+        // TODO understand why this causes failures in the test
+        // this is really the only way to change pageType
+        //await addBtn.click();
+        //await page.waitForChanges();
+    });
+});

package/dist/collection/components/public-notification/test/public-notification.spec.js

@@ -0,0 +1,149 @@
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { h } from '@stencil/core';
+import { newSpecPage } from '@stencil/core/testing';
+import { PublicNotification } from '../public-notification';
+import * as locale from "../../../utils/locale";
+import * as translations from "../../../assets/t9n/map-draw-tools/resources.json";
+import { LayerView } from "../../../utils/test/mocks/jsApi";
+import * as queryUtils from "../../../utils/queryUtils";
+import { EWorkflowType } from "../../../utils/interfaces";
+jest.setTimeout(30000);
+afterEach(() => {
+    jest.restoreAllMocks();
+});
+let mapView;
+beforeEach(() => {
+    jest.spyOn(locale, "getLocaleComponentStrings").mockImplementation(() => [
+        translations
+    ]);
+    jest.spyOn(console, 'warn').mockImplementation(() => { });
+    mapView = {
+        map: {
+            layers: {
+                add: () => { },
+                getItemAt: () => { return -1; },
+                findIndex: () => { return -1; }
+            }
+        }
+    };
+});
+xdescribe('public-notification', () => {
+    it('renders', async () => {
+        const getSelectionSetQueryMock = jest.fn();
+        jest.spyOn(queryUtils, "getSelectionSetQuery").mockImplementation(getSelectionSetQueryMock);
+        const page = await newSpecPage({
+            autoApplyChanges: true,
+            components: [PublicNotification],
+            template: () => (h("public-notification", { "show-refine-selection": "true" })),
+        });
+        //page.rootInstance.showRefineSelection = true;
+        expect(page.root).toEqualHtml(`
+      <public-notification show-refine-selection="true">
+        <calcite-shell>
+          <calcite-action-bar class="action-bar-size border-bottom-1" expand-disabled="" layout="horizontal" slot="header">
+            <calcite-action-group class="action-center w-1-4" layout="horizontal">
+              <calcite-action active="" alignment="center" class="height-full width-full" icon="list-check" id="list-check" text=""></calcite-action>
+              <calcite-tooltip label="" placement="bottom" reference-element="list-check">
+                <span></span>
+              </calcite-tooltip>
+            </calcite-action-group>
+            <calcite-action-group class="action-center w-1-4" layout="horizontal">
+              <calcite-action alignment="center" class="height-full width-full" disabled="" icon="test-data" id="test-data" text=""></calcite-action>
+              <calcite-tooltip label="" placement="bottom" reference-element="test-data">
+                <span></span>
+              </calcite-tooltip>
+            </calcite-action-group>
+            <calcite-action-group class="action-center w-1-4" layout="horizontal">
+              <calcite-action alignment="center" class="height-full width-full" disabled="" icon="file-pdf" id="file-pdf" text=""></calcite-action>
+              <calcite-tooltip label="" placement="bottom" reference-element="file-pdf">
+                <span></span>
+              </calcite-tooltip>
+            </calcite-action-group>
+            <calcite-action-group class="action-center w-1-4" layout="horizontal">
+              <calcite-action alignment="center" class="height-full width-full" disabled="" icon="file-csv" id="file-csv" text=""></calcite-action>
+              <calcite-tooltip label="" placement="bottom" reference-element="file-csv">
+                <span></span>
+              </calcite-tooltip>
+            </calcite-action-group>
+          </calcite-action-bar>
+          <calcite-panel>
+            <div class="padding-top-sides-1">
+              <calcite-label class="font-bold"></calcite-label>
+            </div>
+            <div class="padding-sides-1">
+              <calcite-label></calcite-label>
+            </div>
+            <div class="info-message padding-bottom-1">
+              <calcite-input-message active="" class="info-blue" scale="m"></calcite-input-message>
+            </div>
+            <calcite-notice active="" class="padding-bottom-1 padding-sides-1" color="green" icon="lightbulb">
+              <div slot="message"></div>
+            </calcite-notice>
+            <div class="display-flex padding-sides-1">
+              <calcite-label class="font-bold width-full">
+                <map-layer-picker selectionmode="single"></map-layer-picker>
+              </calcite-label>
+            </div>
+            <div class="display-flex padding-1">
+              <calcite-button width="full"></calcite-button>
+            </div>
+          </calcite-panel>
+        </calcite-shell>
+      </public-notification>
+    `);
+    });
+    it('handles selectionSetsWatchHandler', async () => {
+        const getSelectionSetQueryMock = jest.fn();
+        jest.spyOn(queryUtils, "getSelectionSetQuery").mockImplementation(getSelectionSetQueryMock);
+        const page = await newSpecPage({
+            autoApplyChanges: true,
+            components: [PublicNotification],
+            template: () => (h("public-notification", { addresseeLayer: new LayerView(), mapView: mapView })),
+        });
+        page.win.dispatchEvent(new CustomEvent("selectionSetsChanged", { detail: [] }));
+        page.win.dispatchEvent(new CustomEvent("selectionSetsChanged", { detail: [{
+                    id: 123456789,
+                    workflowType: EWorkflowType.SKETCH,
+                    searchResult: undefined,
+                    buffer: {},
+                    distance: 100,
+                    download: true,
+                    unit: "meters",
+                    label: "Sketch 100",
+                    selectedIds: [],
+                    layerView: new LayerView(),
+                    geometries: [],
+                    refineSelectLayers: [],
+                    refineIds: undefined
+                }] }));
+        page.win.dispatchEvent(new CustomEvent("selectionSetsChanged", { detail: [{
+                    id: 123456789,
+                    workflowType: EWorkflowType.REFINE,
+                    searchResult: undefined,
+                    buffer: {},
+                    distance: 100,
+                    download: true,
+                    unit: "meters",
+                    label: "Sketch 100",
+                    selectedIds: [],
+                    layerView: new LayerView(),
+                    geometries: [],
+                    refineSelectLayers: [],
+                    refineIds: undefined
+                }] }));
+    });
+});

package/dist/collection/components/refine-selection/refine-selection.css

@@ -1,86 +1,86 @@
-/** @license
- * Copyright 2022 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-:host {
-  display: block;
-}
-
-.div-visible {
-  display: inherit;
-}
-
-.div-not-visible {
-  display: none !important;
-}
-
-.padding-top-1-2 {
-  padding-top: .5rem;
-}
-
-.main-label {
-  display: flex;
-  float: left;
-}
-
-html[dir="rtl"] .main-label {
-  display: flex;
-  float: right;
-}
-
-.border {
-  outline: 1px solid var(--calcite-ui-border-input);
-}
-
-.margin-top-1 {
-  margin-top: 1rem;
-}
-
-/* COPY FROM JS */
-.esri-sketch {
-  display: flex;
-  flex-flow: column wrap;
-}
-
-.esri-widget {
-  box-sizing: border-box;
-  color: #323232;
-  font-size: 14px;
-  font-family: "Avenir Next","Helvetica Neue",Helvetica,Arial,sans-serif;
-  line-height: 1.3em;
-  background-color: var(--calcite-ui-foreground-1);
-}
-
-/* DIV CHILD */
-.esri-sketch__panel {
-  align-items: center;
-  display: flex;
-  flex-flow: row nowrap;
-  padding: 0;
-} */
-
-/* DIV CHILD CHILD */
-.esri-sketch__tool-section {
-  border-right: 1px solid rgba(110,110,110,.3);
-}
-
-.esri-sketch__section {
-  align-items: center;
-  display: flex;
-  flex-flow: row nowrap;
-  padding: 0 7px;
-  margin: 6px 0;
-  border-right: 1px solid rgba(110,110,110,.3);
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+:host {
+  display: block;
+}
+
+.div-visible {
+  display: inherit;
+}
+
+.div-not-visible {
+  display: none !important;
+}
+
+.padding-top-1-2 {
+  padding-top: .5rem;
+}
+
+.main-label {
+  display: flex;
+  float: left;
+}
+
+html[dir="rtl"] .main-label {
+  display: flex;
+  float: right;
+}
+
+.border {
+  outline: 1px solid var(--calcite-ui-border-input);
+}
+
+.margin-top-1 {
+  margin-top: 1rem;
+}
+
+/* COPY FROM JS */
+.esri-sketch {
+  display: flex;
+  flex-flow: column wrap;
+}
+
+.esri-widget {
+  box-sizing: border-box;
+  color: #323232;
+  font-size: 14px;
+  font-family: "Avenir Next","Helvetica Neue",Helvetica,Arial,sans-serif;
+  line-height: 1.3em;
+  background-color: var(--calcite-ui-foreground-1);
+}
+
+/* DIV CHILD */
+.esri-sketch__panel {
+  align-items: center;
+  display: flex;
+  flex-flow: row nowrap;
+  padding: 0;
+} */
+
+/* DIV CHILD CHILD */
+.esri-sketch__tool-section {
+  border-right: 1px solid rgba(110,110,110,.3);
+}
+
+.esri-sketch__section {
+  align-items: center;
+  display: flex;
+  flex-flow: row nowrap;
+  padding: 0 7px;
+  margin: 6px 0;
+  border-right: 1px solid rgba(110,110,110,.3);
 }

package/dist/collection/components/solution-configuration/test/solution-configuration.e2e.js

@@ -0,0 +1,31 @@
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+// import { newE2EPage } from '@stencil/core/testing';
+describe('solution-configuration', () => {
+    it('renders', async () => {
+        //TEST commented out for now.
+        // need to work out how we pass translations
+        // e2e tests don't seem to support a similar apporach to the unit tests where we can use template to load JSX
+        // could flatten the translations further so it would contain no sub groups
+        // could set default translations for each file
+        //  and could still have a test to compare the default with the actual as a way to verify
+        expect("a").toEqual("a");
+        // const page = await newE2EPage();
+        // await page.setContent('<solution-configuration></solution-configuration>');
+        // const element = await page.find('solution-configuration');
+        // expect(element).toHaveClass('hydrated');
+    });
+});