@esri/solutions-components 0.5.3 → 0.5.4

package/dist/collection/components/solution-item-icon/test/solution-item-icon.spec.js

@@ -0,0 +1,34 @@
+/** @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 { SolutionItemIcon } from '../solution-item-icon';
+import { value } from '../../../demos/data/solution-item-icon-data.json';
+import { h } from '@stencil/core';
+xdescribe('solution-item-icon', () => {
+    it('renders', async () => {
+        const page = await newSpecPage({
+            components: [SolutionItemIcon],
+            template: () => (h("solution-item-icon", { type: value.type, typeKeywords: value.typeKeywords }))
+        });
+        expect(page.root).toEqualHtml(`
+      <solution-item-icon>
+        <div title="Feature Service">
+          <img class="item-type-icon item-type-icon-margin" height="16" src="/item-icons/featureshosted16.png" width="16">
+        </div>
+      </solution-item-icon>
+    `);
+    });
+});

package/dist/collection/components/solution-item-sharing/test/solution-item-sharing.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-item-sharing', () => {
+    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-item-sharing></solution-item-sharing>');
+        // const element = await page.find('solution-item-sharing');
+        // expect(element).toHaveClass('hydrated');
+    });
+});

package/dist/collection/components/solution-item-sharing/test/solution-item-sharing.spec.js

@@ -0,0 +1,49 @@
+/** @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 { SolutionItemSharing } from '../solution-item-sharing';
+import { value } from '../../../demos/data/solution-item-sharing-data.json';
+import { h } from '@stencil/core';
+xdescribe('solution-item-sharing', () => {
+    it('renders', async () => {
+        const page = await newSpecPage({
+            components: [SolutionItemSharing],
+            template: () => (h("solution-item-sharing", { "group-id": value }))
+        });
+        expect(page.root).toEqualHtml(`
+      <solution-item-sharing>
+        <mock:shadow-root>
+         <div class="container-border">
+           <calcite-label layout="inline">
+             <calcite-switch id="A" name="setting" scale="m" switched="" value="enabled"></calcite-switch>
+             <solution-item-icon type="Feature Service"></solution-item-icon>
+             <span class="icon-text" title="ElectionGeography_public">
+              ElectionGeography_public
+             </span>
+           </calcite-label>
+           <calcite-label layout="inline">
+             <calcite-switch id="B" name="setting" scale="m" value="enabled"></calcite-switch>
+             <solution-item-icon type="Web Map"></solution-item-icon>
+             <span class="icon-text" title="Election Polling Places">
+              Election Polling Places
+             </span>
+           </calcite-label>
+         </div>
+        </mock:shadow-root>
+      </solution-item-sharing>
+    `);
+    });
+});

package/dist/collection/components/solution-organization-variables/test/solution-organization-variables.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-organization-variables', () => {
+    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-organization-variables></solution-organization-variables>');
+        // const element = await page.find('solution-organization-variables');
+        // expect(element).toHaveClass('hydrated');
+    });
+});

package/dist/collection/components/solution-organization-variables/test/solution-organization-variables.spec.js

@@ -0,0 +1,60 @@
+/** @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 { SolutionOrganizationVariables } from '../solution-organization-variables';
+import { value } from '../../../demos/data/solution-organization-variables-data.json';
+import { h } from '@stencil/core';
+xdescribe('solution-organization-variables', () => {
+    it('renders', async () => {
+        const page = await newSpecPage({
+            components: [SolutionOrganizationVariables],
+            template: () => (h("solution-organization-variables", { value: JSON.stringify(value) }))
+        });
+        expect(page.root).toEqualHtml(`
+    <solution-organization-variables>
+      <mock:shadow-root>
+        <div>
+          <h4 class="org-var-header">
+            Organization Variables
+          </h4>
+        </div>
+        <div class="container-border">
+          <calcite-label id="variable-label">
+            <calcite-tree-item>
+              title
+            </calcite-tree-item>
+            <calcite-tree-item>
+              title2
+            </calcite-tree-item>
+            <calcite-tree-item>
+              title3
+            </calcite-tree-item>
+            <calcite-tree-item>
+              title4
+            </calcite-tree-item>
+            <calcite-tree-item>
+              title5
+            </calcite-tree-item>
+            <calcite-tree-item>
+              title6
+            </calcite-tree-item>
+          </calcite-label>
+        </div>
+      </mock:shadow-root>
+    </solution-organization-variables>
+    `);
+    });
+});

package/dist/collection/components/solution-resource-item/test/solution-resource-item.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-resource-item', () => {
+    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-resource-item></solution-resource-item>');
+        // const element = await page.find('solution-resource-item');
+        // expect(element).toHaveClass('hydrated');
+    });
+});

package/dist/collection/components/solution-resource-item/test/solution-resource-item.spec.js

@@ -0,0 +1,50 @@
+/** @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 { SolutionResourceItem } from '../solution-resource-item';
+import { h } from '@stencil/core';
+xdescribe('solution-resource-item', () => {
+    it('renders', async () => {
+        const page = await newSpecPage({
+            components: [SolutionResourceItem],
+            template: () => (h("solution-resource-item", null))
+        });
+        page.root.value = {
+            name: "thename",
+            url: "theurl"
+        };
+        await page.waitForChanges();
+        expect(page.root).toEqualHtml(`
+    <solution-resource-item itemid="">
+      <mock:shadow-root>
+        <div class="resource-item">
+          <div class="margin-bottom-1">
+            <calcite-button appearance="solid" class="resource-button" color="blue">
+              Add New Resource
+            </calcite-button>
+            <calcite-button appearance="solid" color="blue" disabled="">
+              Download All
+            </calcite-button>
+          </div>
+          <div class="resources-container" style="display: none;">
+            <calcite-value-list multiple=""></calcite-value-list>
+          </div>
+        </div>
+      </mock:shadow-root>
+    </solution-resource-item>
+    `);
+    });
+});

package/dist/collection/components/solution-spatial-ref/test/solution-spatial-ref.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-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,170 @@
+/** @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]]');
+        });
+    });
+});

package/dist/collection/components/solution-template-data/test/solution-template-data.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-template-data', () => {
+    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-template-data></solution-template-data>');
+        // const element = await page.find('solution-template-data');
+        // expect(element).toHaveClass('hydrated');
+    });
+});

package/dist/collection/components/solution-template-data/test/solution-template-data.spec.js

@@ -0,0 +1,55 @@
+/** @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 { SolutionTemplateData } from '../solution-template-data';
+import * as data from '../../../demos/data/solution-template-data-data.json';
+import { h } from '@stencil/core';
+import state from "../../../utils/solution-store";
+beforeEach(async () => {
+    state._testAccess("_emptyTheStore");
+});
+xdescribe('solution-template-data', () => {
+    it('renders', async () => {
+        const page = await newSpecPage({
+            components: [SolutionTemplateData],
+            template: () => (h("solution-template-data", { "item-id": data }))
+        });
+        expect(page.root).toEqualHtml(`
+    <solution-template-data instanceid="" itemid="" vars-open="">
+      <div class="solution-data-container">
+        <calcite-shell class="light var-container" dir="ltr">
+          <calcite-panel class="json-editor">
+            <div class="calcite-match-height solution-data-child-container">
+              <json-editor instanceid="" value=""></json-editor>
+            </div>
+          </calcite-panel>
+          <calcite-shell-panel height-scale="l" position="end" slot="contextual-panel" width-scale="xs">
+            <div class="solution-data-child-container">
+              <calcite-button appearance="transparent" class="collapse-btn" icon-start="chevrons-right" id="collapse-vars" scale="s" title="Cancel Edits"></calcite-button>
+              <div class="org-vars" id="orgVars">
+                <solution-organization-variables></solution-organization-variables>
+              </div>
+              <div class="sol-vars" id="solVars">
+                <solution-variables></solution-variables>
+              </div>
+            </div>
+          </calcite-shell-panel>
+        </calcite-shell>
+      </div>
+    </solution-template-data>
+    `);
+    });
+});

package/dist/collection/components/solution-variables/test/solution-variables.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-variables', () => {
+    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-variables></solution-variables>');
+        // const element = await page.find('solution-variables');
+        // expect(element).toHaveClass('hydrated');
+    });
+});