@esri/solutions-components 0.6.7 → 0.6.8

package/dist/collection/components/solution-spatial-ref/test/solution-spatial-ref.e2e.js

@@ -0,0 +1,36 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+/** @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-spatial-ref', () => {
+  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-spatial-ref></solution-spatial-ref>');
+    // const element = await page.find('solution-spatial-ref');
+    // expect(element).toHaveClass('hydrated');
+  });
+});

package/dist/collection/components/solution-spatial-ref/test/solution-spatial-ref.spec.js

@@ -0,0 +1,175 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+/** @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 { newSpecPage } from "@stencil/core/testing";
+import { SolutionSpatialRef } from "../solution-spatial-ref";
+import { h } from "@stencil/core";
+import state from "../../../utils/solution-store";
+xdescribe('solution-spatial-ref', () => {
+  beforeEach(() => {
+    state._testAccess("_emptyTheStore");
+    state.setStoreInfo("spatialReferenceInfo", {
+      enabled: true,
+      services: {
+        "Feature Service 1": true,
+        "Feature Service 2": false
+      },
+      spatialReference: undefined
+    });
+  });
+  it('renders', async () => {
+    const page = await newSpecPage({
+      components: [SolutionSpatialRef],
+      supportsShadowDom: false,
+      template: () => (h("solution-spatial-ref", { services: ["Feature Service 1", "Feature Service 2"] }))
+    });
+    expect(page.root).toEqualHtml(`
+      <solution-spatial-ref default-wkid="102100" locked="">
+        <label class="switch-label"><calcite-switch scale="m" class="spatial-ref-switch"></calcite-switch>Spatial Reference Parameter</label>
+        <div id="spatialRefDefn" class="spatial-ref-switch-title">
+          <calcite-label>Select the spatial reference of the feature layers deployed with the solution.
+            <label class="spatial-ref-default">
+              <calcite-input disabled="" placeholder="Search for spatial reference using name or WKID"></calcite-input>
+            </label>
+          </calcite-label>
+          <div class="disabled-div">
+            <calcite-tree id="calcite-sr-tree" slot="children">
+              <div class="spatial-ref-container" id="solution-wkid-container">
+                <calcite-tree-item aria-selected="" id="102100" selected="">
+                  <div>
+                    WGS 1984 Web Mercator Auxiliary Sphere (102100)
+                  </div>
+                </calcite-tree-item>
+              </div>
+            </calcite-tree>
+          </div>
+          <div>
+            <label class="spatial-ref-item-title">Feature Services</label>
+            <label class="switch-label"><calcite-switch disabled="" scale="m" switched="" class="spatial-ref-item-switch"></calcite-switch>Feature Service 1</label>
+            <label class="switch-label"><calcite-switch disabled="" scale="m" class="spatial-ref-item-switch"></calcite-switch>Feature Service 2</label>
+          </div>
+        </div>
+      </solution-spatial-ref>
+    `);
+  });
+  it('creates description for known WKID', async () => {
+    await newSpecPage({
+      components: [SolutionSpatialRef],
+      template: () => (h("solution-spatial-ref", null))
+    });
+    const component = document.querySelector('solution-spatial-ref');
+    component.wkidToDisplay(4326)
+      .then(result => expect(result).toEqual('GCS WGS 1984 (4326)'));
+  });
+  it('creates description for unknown WKID', async () => {
+    await newSpecPage({
+      components: [SolutionSpatialRef],
+      template: () => (h("solution-spatial-ref", null))
+    });
+    const component = document.querySelector('solution-spatial-ref');
+    component.wkidToDisplay(0)
+      .then(result => expect(result).toEqual('WKID 0'));
+  });
+  it('creates description for default component value', async () => {
+    await newSpecPage({
+      components: [SolutionSpatialRef],
+      template: () => (h("solution-spatial-ref", null))
+    });
+    const component = document.querySelector('solution-spatial-ref');
+    component.createSpatialRefDisplay(null)
+      .then(result => {
+      expect(result.display).toEqual('WGS 1984 Web Mercator Auxiliary Sphere (102100)');
+      expect(result.usingWkid).toBeTruthy();
+      expect(result.wkid).toEqual(102100);
+      expect(result.wkt).toEqual('');
+    });
+  });
+  it('creates description for WKID component value', async () => {
+    await newSpecPage({
+      components: [SolutionSpatialRef],
+      template: () => (h("solution-spatial-ref", null))
+    });
+    const component = document.querySelector('solution-spatial-ref');
+    component.createSpatialRefDisplay("4151")
+      .then(result => {
+      expect(result.display).toEqual('GCS Swiss TRF 1995 (4151)');
+      expect(result.usingWkid).toBeTruthy();
+      expect(result.wkid).toEqual(4151);
+      expect(result.wkt).toEqual('');
+    });
+  });
+  it('creates description for WKT component value', async () => {
+    await newSpecPage({
+      components: [SolutionSpatialRef],
+      template: () => (h("solution-spatial-ref", null))
+    });
+    const component = document.querySelector('solution-spatial-ref');
+    component.createSpatialRefDisplay('PROJCS["Germany_Zone_5",GEOGCS["GCS_Deutsches_Hauptdreiecksnetz",DATUM["D_Deutsches_Hauptdreiecksnetz",SPHEROID["Bessel_1841",6377397.155,299.1528128]],PRIMEM["Greenwich",0.0],UNIT["Degree",0.0174532925199433]],PROJECTION["Transverse_Mercator"],PARAMETER["False_Easting",5500000.0],PARAMETER["False_Northing",0.0],PARAMETER["Central_Meridian",15.0],PARAMETER["Scale_Factor",1.0],PARAMETER["Latitude_Of_Origin",0.0],UNIT["Meter",1.0]]')
+      .then(result => {
+      expect(result.display).toEqual('PROJCS["Germany_Zone_5",GEOGCS["GCS_Deutsches_Hauptdreiecksnetz",DATUM["D_Deutsches_Hauptdreiecksnetz",SPHEROID["Bessel_1841",6377397.155,299.1528128]],PRIMEM["Greenwich",0.0],UNIT["Degree",0.0174532925199433]],PROJECTION["Transverse_Mercator"],PARAMETER["False_Easting",5500000.0],PARAMETER["False_Northing",0.0],PARAMETER["Central_Meridian",15.0],PARAMETER["Scale_Factor",1.0],PARAMETER["Latitude_Of_Origin",0.0],UNIT["Meter",1.0]]');
+      expect(result.usingWkid).toBeFalsy();
+      expect(result.wkid).toEqual(0);
+      expect(result.wkt).toEqual('PROJCS["Germany_Zone_5",GEOGCS["GCS_Deutsches_Hauptdreiecksnetz",DATUM["D_Deutsches_Hauptdreiecksnetz",SPHEROID["Bessel_1841",6377397.155,299.1528128]],PRIMEM["Greenwich",0.0],UNIT["Degree",0.0174532925199433]],PROJECTION["Transverse_Mercator"],PARAMETER["False_Easting",5500000.0],PARAMETER["False_Northing",0.0],PARAMETER["Central_Meridian",15.0],PARAMETER["Scale_Factor",1.0],PARAMETER["Latitude_Of_Origin",0.0],UNIT["Meter",1.0]]');
+    });
+  });
+  it('sets default component value', async () => {
+    await newSpecPage({
+      components: [SolutionSpatialRef],
+      template: () => (h("solution-spatial-ref", null))
+    });
+    const component = document.querySelector('solution-spatial-ref');
+    component.getSpatialRef()
+      .then(result => {
+      expect(result.display).toEqual('WGS 1984 Web Mercator Auxiliary Sphere (102100)');
+      expect(result.usingWkid).toBeTruthy();
+      expect(result.wkid).toEqual(102100);
+      expect(result.wkt).toEqual('');
+    });
+  });
+  it('sets WKID component value', async () => {
+    await newSpecPage({
+      components: [SolutionSpatialRef],
+      template: () => (h("solution-spatial-ref", { value: "4151" }))
+    });
+    const component = document.querySelector('solution-spatial-ref');
+    component.getSpatialRef()
+      .then(result => {
+      expect(result.display).toEqual('GCS Swiss TRF 1995 (4151)');
+      expect(result.usingWkid).toBeTruthy();
+      expect(result.wkid).toEqual(4151);
+      expect(result.wkt).toEqual('');
+    });
+  });
+  it('sets WKT component value', async () => {
+    const v = `PROJCS["Germany_Zone_5",GEOGCS["GCS_Deutsches_Hauptdreiecksnetz",DATUM["D_Deutsches_Hauptdreiecksnetz",SPHEROID["Bessel_1841",6377397.155,299.1528128]],PRIMEM["Greenwich",0.0],UNIT["Degree",0.0174532925199433]],PROJECTION["Transverse_Mercator"],PARAMETER["False_Easting",5500000.0],PARAMETER["False_Northing",0.0],PARAMETER["Central_Meridian",15.0],PARAMETER["Scale_Factor",1.0],PARAMETER["Latitude_Of_Origin",0.0],UNIT["Meter",1.0]]`;
+    await newSpecPage({
+      components: [SolutionSpatialRef],
+      template: () => (h("solution-spatial-ref", { value: v }))
+    });
+    const component = document.querySelector('solution-spatial-ref');
+    component.getSpatialRef()
+      .then(result => {
+      expect(result.display).toEqual('PROJCS["Germany_Zone_5",GEOGCS["GCS_Deutsches_Hauptdreiecksnetz",DATUM["D_Deutsches_Hauptdreiecksnetz",SPHEROID["Bessel_1841",6377397.155,299.1528128]],PRIMEM["Greenwich",0.0],UNIT["Degree",0.0174532925199433]],PROJECTION["Transverse_Mercator"],PARAMETER["False_Easting",5500000.0],PARAMETER["False_Northing",0.0],PARAMETER["Central_Meridian",15.0],PARAMETER["Scale_Factor",1.0],PARAMETER["Latitude_Of_Origin",0.0],UNIT["Meter",1.0]]');
+      expect(result.usingWkid).toBeFalsy();
+      expect(result.wkid).toEqual(0);
+      expect(result.wkt).toEqual('PROJCS["Germany_Zone_5",GEOGCS["GCS_Deutsches_Hauptdreiecksnetz",DATUM["D_Deutsches_Hauptdreiecksnetz",SPHEROID["Bessel_1841",6377397.155,299.1528128]],PRIMEM["Greenwich",0.0],UNIT["Degree",0.0174532925199433]],PROJECTION["Transverse_Mercator"],PARAMETER["False_Easting",5500000.0],PARAMETER["False_Northing",0.0],PARAMETER["Central_Meridian",15.0],PARAMETER["Scale_Factor",1.0],PARAMETER["Latitude_Of_Origin",0.0],UNIT["Meter",1.0]]');
+    });
+  });
+});