@esri/solutions-components 0.6.17 → 0.6.18

package/dist/collection/components/map-tools/test/map-tools.e2e.js

@@ -1,29 +0,0 @@
-/*!
- * 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";
-xdescribe('map-tools', () => {
-  it('renders', async () => {
-    const page = await newE2EPage();
-    await page.setContent('<map-tools></map-tools>');
-    const element = await page.find('map-tools');
-    expect(element).toHaveClass('hydrated');
-  });
-});

package/dist/collection/components/map-tools/test/map-tools.spec.js

@@ -1,37 +0,0 @@
-/*!
- * 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 { MapTools } from "../map-tools";
-xdescribe('map-tools', () => {
-  it('renders', async () => {
-    const page = await newSpecPage({
-      components: [MapTools],
-      html: `<map-tools></map-tools>`,
-    });
-    expect(page.root).toEqualHtml(`
-      <map-tools>
-        <mock:shadow-root>
-          <slot></slot>
-        </mock:shadow-root>
-      </map-tools>
-    `);
-  });
-});

package/dist/collection/components/pci-calculator/test/pci-calculator.e2e.js

@@ -1,29 +0,0 @@
-/*!
- * 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";
-xdescribe('pci-calculator', () => {
-  it('renders', async () => {
-    const page = await newE2EPage();
-    await page.setContent('<pci-calculator></pci-calculator>');
-    const element = await page.find('pci-calculator');
-    expect(element).toHaveClass('hydrated');
-  });
-});

package/dist/collection/components/pci-calculator/test/pci-calculator.spec.js

@@ -1,37 +0,0 @@
-/*!
- * 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 { PciCalculator } from "../pci-calculator";
-xdescribe('pci-calculator', () => {
-  it('renders', async () => {
-    const page = await newSpecPage({
-      components: [PciCalculator],
-      html: `<pci-calculator></pci-calculator>`,
-    });
-    expect(page.root).toEqualHtml(`
-      <pci-calculator>
-        <mock:shadow-root>
-          <slot></slot>
-        </mock:shadow-root>
-      </pci-calculator>
-    `);
-  });
-});

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

@@ -1,76 +0,0 @@
-/*!
- * 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";
-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

@@ -1,107 +0,0 @@
-/*!
- * 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 { 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";
-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 page = await newSpecPage({
-      components: [PdfDownload],
-      template: () => (h("pdf-download", null)),
-    });
-    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.spec.js

@@ -1,161 +0,0 @@
-/*!
- * 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 { 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 * as queryUtils from "../../../utils/queryUtils";
-import { EWorkflowType } from "../../../utils/interfaces";
-import { LayerView } from "../../../utils/test/mocks/jsApi";
-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", { mapView: mapView })),
-    });
-    page.win.dispatchEvent(new CustomEvent("selectionSetsChanged", { detail: [] }));
-    page.win.dispatchEvent(new CustomEvent("selectionSetsChanged", { detail: [{
-          id: 123456789,
-          searchResult: undefined,
-          buffer: {},
-          distance: 100,
-          download: true,
-          unit: "meters",
-          label: "Sketch 100",
-          selectedIds: [],
-          layerView: new LayerView(),
-          geometries: [],
-          graphics: [],
-          selectLayers: [],
-          workflowType: EWorkflowType.SKETCH,
-          searchDistanceEnabled: true,
-          useLayerFeaturesEnabled: true,
-          refineInfos: undefined,
-          sketchGraphic: undefined
-        }] }));
-    page.win.dispatchEvent(new CustomEvent("selectionSetsChanged", { detail: [{
-          searchResult: undefined,
-          buffer: {},
-          distance: 100,
-          download: true,
-          unit: "meters",
-          label: "Sketch 100",
-          selectedIds: [],
-          layerView: new LayerView(),
-          geometries: [],
-          graphics: [],
-          selectLayers: [],
-          workflowType: EWorkflowType.REFINE,
-          searchDistanceEnabled: true,
-          useLayerFeaturesEnabled: true,
-          refineInfos: undefined,
-          sketchGraphic: undefined
-        }] }));
-  });
-});

package/dist/collection/components/refine-selection/test/refine-selection.e2e.js

@@ -1,14 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { newE2EPage } from "@stencil/core/testing";
-xdescribe('refine-selection', () => {
-  it('renders', async () => {
-    const page = await newE2EPage();
-    await page.setContent('<refine-selection></refine-selection>');
-    const element = await page.find('refine-selection');
-    expect(element).toHaveClass('hydrated');
-  });
-});

package/dist/collection/components/refine-selection/test/refine-selection.spec.js

@@ -1,22 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { newSpecPage } from "@stencil/core/testing";
-import { RefineSelection } from "../refine-selection";
-xdescribe('refine-selection', () => {
-  it('renders', async () => {
-    const page = await newSpecPage({
-      components: [RefineSelection],
-      html: `<refine-selection></refine-selection>`,
-    });
-    expect(page.root).toEqualHtml(`
-      <refine-selection>
-        <mock:shadow-root>
-          <slot></slot>
-        </mock:shadow-root>
-      </refine-selection>
-    `);
-  });
-});

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

@@ -1,36 +0,0 @@
-/*!
- * 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-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');
-  });
-});

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

@@ -1,119 +0,0 @@
-/*!
- * 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 { SolutionConfiguration } from "../solution-configuration";
-import { h } from "@stencil/core";
-import state from "../../../utils/solution-store";
-// Mock MutationObserver because Jest environment doesn't have it
-const mutationObserverMock = jest.fn(function MutationObserver() {
-  this.observe = jest.fn();
-});
-global.MutationObserver = mutationObserverMock;
-xdescribe('solution-configuration', () => {
-  // has to be a better way..
-  global.MutationObserver = class {
-    constructor() { }
-    disconnect() { }
-    observe() { }
-    takeRecords() { return []; }
-  };
-  beforeEach(() => {
-    state._testAccess("_emptyTheStore");
-  });
-  it('renders', async () => {
-    state.setStoreInfo("featureServices", [
-      "Feature Service 1",
-      "Feature Service 2"
-    ]);
-    const page = await newSpecPage({
-      components: [SolutionConfiguration],
-      supportsShadowDom: false,
-      template: () => (h("solution-configuration", null))
-    });
-    expect(page.root).toEqualHtml(`
-      <solution-configuration itemid="">
-        <div class="configuration-container">
-          <div class="configuration">
-            <calcite-tabs class="config-tabs">
-              <calcite-tab-nav slot="tab-nav">
-                <calcite-tab-title>Definition</calcite-tab-title>
-                <calcite-tab-title>Spatial Reference</calcite-tab-title>
-              </calcite-tab-nav>
-
-              <calcite-tab class="config-tab" active>
-                <div class="config-solution">
-
-                  <div class="config-inventory">
-                    <solution-contents id="configInventory"></solution-contents>
-                  </div>
-                  <calcite-button appearance="transparent" class="collapse-btn" icon-start="chevrons-left" id="collapse-vars" scale="s" title="Cancel Edits"></calcite-button>
-                  <div class="config-item">
-                    <solution-item></solution-item>
-                  </div>
-
-                </div>
-              </calcite-tab>
-              <calcite-tab class="config-tab">
-                <div class="config-solution">
-                  <solution-spatial-ref id="configure-solution-spatial-ref" locked=""></solution-spatial-ref>
-                </div>
-              </calcite-tab>
-            </calcite-tabs>
-          </div>
-        </div>
-      </solution-configuration>
-    `);
-  });
-  it('does not render spatial ref tab when no services are found', async () => {
-    const page = await newSpecPage({
-      components: [SolutionConfiguration],
-      supportsShadowDom: false,
-      template: () => (h("solution-configuration", null))
-    });
-    expect(page.root).toEqualHtml(`
-      <solution-configuration itemid="">
-        <div class="configuration-container">
-          <div class="configuration">
-            <calcite-tabs class="config-tabs">
-              <calcite-tab-nav slot="tab-nav">
-                <calcite-tab-title>Definition</calcite-tab-title>
-              </calcite-tab-nav>
-
-              <calcite-tab class="config-tab" active>
-                <div class="config-solution">
-
-                  <div class="config-inventory">
-                    <solution-contents id="configInventory"></solution-contents>
-                  </div>
-                  <calcite-button appearance="transparent" class="collapse-btn" icon-start="chevrons-left" id="collapse-vars" scale="s" title="Cancel Edits"></calcite-button>
-                  <div class="config-item">
-                    <solution-item></solution-item>
-                  </div>
-
-                </div>
-              </calcite-tab>
-            </calcite-tabs>
-          </div>
-        </div>
-      </solution-configuration>
-    `);
-  });
-});