@tet/tet-components 1.3.157-testing → 1.4.0-production

package/dist/collection/components/simple/lists/tet-selection-list/test/tet-selection-list.spec.js

@@ -1,64 +0,0 @@
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { TetSelectionList } from "../tet-selection-list";
-describe('tet-selection-list', () => {
-    it('renders empty', async () => {
-        const page = await newSpecPage({
-            components: [TetSelectionList],
-            html: `<tet-selection-list></tet-selection-list>`
-        });
-        expect(page.root).toEqualHtml(`
-      <tet-selection-list>
-        <mock:shadow-root>
-          <ul class="list" part="selection-list"></ul>
-        </mock:shadow-root>
-      </tet-selection-list>
-    `);
-    });
-    it('renders items', async () => {
-        const items = ['item1', 'item2', 'item3'];
-        const page = await newSpecPage({
-            components: [TetSelectionList],
-            template: () => h("tet-selection-list", { items: items })
-        });
-        expect(page.root).toEqualHtml(`
-      <tet-selection-list>
-        <mock:shadow-root>
-          <ul class="list" part="selection-list">
-            <li class="list-item" part="selection-list-item">
-              <div>item1</div>
-            </li>
-            <li class="list-item" part="selection-list-item">
-              <div>item2</div>
-            </li>
-            <li class="list-item" part="selection-list-item">
-              <div>item3</div>
-            </li>
-          </ul>
-        </mock:shadow-root>
-      </tet-selection-list>
-    `);
-    });
-    it('renders items with custom render function', async () => {
-        const items = ['item1'];
-        const renderFunction = (item) => `<strong>Custom render: ${item}</strong>`;
-        const page = await newSpecPage({
-            components: [TetSelectionList],
-            template: () => h("tet-selection-list", { items: items, itemRenderFunction: renderFunction })
-        });
-        await page.waitForChanges();
-        expect(page.root).toEqualHtml(`
-      <tet-selection-list>
-        <mock:shadow-root>
-          <ul class="list" part="selection-list">
-            <li class="list-item" part="selection-list-item">
-              <div>
-                <strong>Custom render: item1</strong>
-              </div>
-            </li>
-          </ul>
-        </mock:shadow-root>
-      </tet-selection-list>
-    `);
-    });
-});

package/dist/collection/components/simple/lists/tet-text-list/test/tet-text-list.spec.js

@@ -1,171 +0,0 @@
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { TetTextList } from "../tet-text-list";
-describe('tet-text-list', () => {
-    it('renders empty', async () => {
-        const page = await newSpecPage({
-            components: [TetTextList],
-            html: `<tet-text-list></tet-text-list>`
-        });
-        expect(page.root).toEqualHtml(`
-        <tet-text-list>
-          <mock:shadow-root>
-            <ul class="text-list text-list--type-bullet text-list-light" part="list"></ul>
-          </mock:shadow-root>
-        </tet-text-list>
-      `);
-    });
-    it('renders empty list with dark theme', async () => {
-        const page = await newSpecPage({
-            components: [TetTextList],
-            html: `<tet-text-list theme="dark"></tet-text-list>`
-        });
-        expect(page.root).toEqualHtml(`
-        <tet-text-list theme="dark">
-          <mock:shadow-root>
-            <ul class="text-list text-list--type-bullet text-list-dark" part="list"></ul>
-          </mock:shadow-root>
-        </tet-text-list>
-      `);
-    });
-    it('renders default list with items', async () => {
-        const page = await newSpecPage({
-            components: [TetTextList],
-            template: () => h("tet-text-list", { theme: "light" }, h("p", null, "Consequat enim in occaecat veniam id anim do esse cillum quis."), h("p", null, "Minim ut id nisi laboris occaecat nisi officia."))
-        });
-        expect(page.root).toEqualHtml(`
-        <tet-text-list>
-          <mock:shadow-root>
-            <ul class="text-list text-list--type-bullet text-list-light" part="list">
-              <li class="text-list__element" part="list-element">
-                <div class="text-list__element-content" part="list-element-content">
-                  <p>Consequat enim in occaecat veniam id anim do esse cillum quis.</p>
-                </div>
-              </li>
-              <li class="text-list__element" part="list-element">
-                <div class="text-list__element-content" part="list-element-content">
-                  <p>Minim ut id nisi laboris occaecat nisi officia.</p>
-                </div>
-              </li>
-            </ul>
-          </mock:shadow-root>
-          <p>Consequat enim in occaecat veniam id anim do esse cillum quis.</p>
-          <p>Minim ut id nisi laboris occaecat nisi officia.</p>
-        </tet-text-list>
-      `);
-    });
-    it('renders decimal list with items', async () => {
-        const page = await newSpecPage({
-            components: [TetTextList],
-            template: () => h("tet-text-list", { "list-type": "decimal", theme: "dark" }, h("p", null, "Consequat enim in occaecat veniam id anim do esse cillum quis."), h("p", null, "Minim ut id nisi laboris occaecat nisi officia."))
-        });
-        expect(page.root).toEqualHtml(`
-        <tet-text-list list-type="decimal">
-          <mock:shadow-root>
-            <ul class="text-list text-list--type-decimal text-list-dark" part="list">
-              <li class="text-list__element" part="list-element" style='--text-list-decimal-value: "1.";'>
-                <div class="text-list__element-content" part="list-element-content">
-                  <p>Consequat enim in occaecat veniam id anim do esse cillum quis.</p>
-                </div>
-              </li>
-              <li class="text-list__element" part="list-element" style='--text-list-decimal-value: "2.";'>
-                <div class="text-list__element-content" part="list-element-content">
-                  <p>Minim ut id nisi laboris occaecat nisi officia.</p>
-                </div>
-              </li>
-            </ul>
-          </mock:shadow-root>
-          <p>Consequat enim in occaecat veniam id anim do esse cillum quis.</p>
-          <p>Minim ut id nisi laboris occaecat nisi officia.</p>
-        </tet-text-list>
-      `);
-    });
-    it('renders items with icon', async () => {
-        const page = await newSpecPage({
-            components: [TetTextList],
-            template: () => h("tet-text-list", { "with-icon": true, "list-icon": "check" }, h("p", null, "Consequat enim in occaecat veniam id anim do esse cillum quis."), h("p", null, "Minim ut id nisi laboris occaecat nisi officia."))
-        });
-        expect(page.root).toEqualHtml(`
-        <tet-text-list list-icon="check" with-icon="">
-          <mock:shadow-root>
-            <ul class="text-list text-list-light" part="list">
-              <li class="text-list__element" part="list-element">
-                <tet-icon class="text-list__element-icon" name="check" part="list-element-icon"></tet-icon>
-                <div class="text-list__element-content" part="list-element-content">
-                  <p>Consequat enim in occaecat veniam id anim do esse cillum quis.</p>
-                </div>
-              </li>
-              <li class="text-list__element" part="list-element">
-                <tet-icon class="text-list__element-icon" name="check" part="list-element-icon"></tet-icon>
-                <div class="text-list__element-content" part="list-element-content">
-                  <p>Minim ut id nisi laboris occaecat nisi officia.</p>
-                </div>
-              </li>
-            </ul>
-          </mock:shadow-root>
-          <p>Consequat enim in occaecat veniam id anim do esse cillum quis.</p>
-          <p>Minim ut id nisi laboris occaecat nisi officia.</p>
-        </tet-text-list>
-      `);
-    });
-    it('renders nested decimal list', async () => {
-        const page = await newSpecPage({
-            components: [TetTextList],
-            template: () => h("tet-text-list", { "list-type": "decimal" }, h("p", null, "Consequat enim in occaecat veniam id anim do esse cillum quis."), h("tet-text-list", { "list-type": "decimal" }, h("p", null, "Consequat enim in occaecat veniam id anim do esse cillum quis."), h("tet-text-list", { "list-type": "decimal" }, h("p", null, "Consequat enim in occaecat veniam id anim do esse cillum quis."), h("p", null, "Minim ut id nisi laboris occaecat nisi officia.")), h("p", null, "Minim ut id nisi laboris occaecat nisi officia.")), h("p", null, "Minim ut id nisi laboris occaecat nisi officia."))
-        });
-        expect(page.root).toEqualHtml(`
-        <tet-text-list list-type="decimal">
-          <mock:shadow-root>
-            <ul class="text-list text-list--type-decimal text-list-light" part="list">
-              <li class="text-list__element" part="list-element" style='--text-list-decimal-value: "1.";'>
-                <div class="text-list__element-content" part="list-element-content">
-                  <p>Consequat enim in occaecat veniam id anim do esse cillum quis.</p>
-                </div>
-              </li>
-              <ul class="text-list text-list__sublist text-list--type-decimal" part="sublist">
-                <li class="text-list__element" part="list-element" style='--text-list-decimal-value: "1.1.";'>
-                  <div class="text-list__element-content" part="list-element-content">
-                    <p>Consequat enim in occaecat veniam id anim do esse cillum quis.</p>
-                  </div>
-                </li>
-                <ul class="text-list text-list__sublist text-list--type-decimal" part="sublist">
-                  <li class="text-list__element" part="list-element" style='--text-list-decimal-value: "1.1.1.";'>
-                    <div class="text-list__element-content" part="list-element-content">
-                      <p>Consequat enim in occaecat veniam id anim do esse cillum quis.</p>
-                    </div>
-                  </li>
-                  <li class="text-list__element" part="list-element" style='--text-list-decimal-value: "1.1.2.";'>
-                    <div class="text-list__element-content" part="list-element-content">
-                      <p>Minim ut id nisi laboris occaecat nisi officia.</p>
-                    </div>
-                  </li>
-                </ul>
-                <li class="text-list__element" part="list-element" style='--text-list-decimal-value: "1.2.";'>
-                  <div class="text-list__element-content" part="list-element-content">
-                    <p>Minim ut id nisi laboris occaecat nisi officia.</p>
-                  </div>
-                </li>
-              </ul>
-              <li class="text-list__element" part="list-element" style='--text-list-decimal-value: "2.";'>
-                <div class="text-list__element-content" part="list-element-content">
-                  <p>Minim ut id nisi laboris occaecat nisi officia.</p>
-                </div>
-              </li>
-            </ul>
-          </mock:shadow-root>
-          <p>Consequat enim in occaecat veniam id anim do esse cillum quis.</p>
-          <tet-text-list list-type="decimal" decimal-prefix="1." data-is-sublist="true">
-            <mock:shadow-root></mock:shadow-root>
-            <p>Consequat enim in occaecat veniam id anim do esse cillum quis.</p>
-            <tet-text-list list-type="decimal" decimal-prefix="1.1." data-is-sublist="true">
-              <mock:shadow-root></mock:shadow-root>
-              <p>Consequat enim in occaecat veniam id anim do esse cillum quis.</p>
-              <p>Minim ut id nisi laboris occaecat nisi officia.</p>
-            </tet-text-list>
-            <p>Minim ut id nisi laboris occaecat nisi officia.</p>
-          </tet-text-list>
-          <p>Minim ut id nisi laboris occaecat nisi officia.</p>
-        </tet-text-list>
-      `);
-    });
-});

package/dist/collection/components/simple/menu/tet-menu/test/tet-menu.spec.js

@@ -1,231 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { TetMenu } from "../tet-menu";
-import { h } from "@stencil/core";
-const SUBLEVELS_MAIN = [
-    {
-        title: 'Interneta piedāvājumi',
-        link: '#21',
-        highlighted: true,
-    },
-    {
-        title: 'Optiskais internets',
-        subTitle: 'Stabils optiskais tīkls',
-        link: '#22',
-        imageSrc: 'https://unpkg.com/@tet/tet-web-components@1.45.0/dist/assets/images/f61583fca875e0fc987e80a0273e2ddf.svg',
-    },
-    {
-        title: 'Mobilais internets',
-        subTitle: 'Plaša pārklājuma 4G tīkls',
-        link: '#23',
-        iconLeft: 'home-internet-xs',
-    },
-];
-const SUBLEVELS_SECONDARY = [
-    {
-        title: 'Interneta piedāvājumi',
-        link: '#21',
-    },
-    {
-        title: 'Optiskais internets',
-        subTitle: 'Stabils optiskais tīkls',
-        link: '#22',
-    },
-    {
-        title: 'Mobilais internets',
-        subTitle: 'Plaša pārklājuma 4G tīkls',
-        link: '#23',
-    },
-];
-describe('tet-menu', () => {
-    it('renders menu type main', async () => {
-        const page = await newSpecPage({
-            components: [TetMenu],
-            template: () => h("tet-menu", { type: "main", "first-level-title": "Main", subLevels: SUBLEVELS_MAIN }),
-        });
-        expect(page.root).toEqualHtml(`
-      <tet-menu first-level-title="Main">
-        <mock:shadow-root>
-          <div class="menu menu__main">
-            <a href="javascript:void(0)" class="menu__first-level">
-              Main
-              <tet-icon class="chevron" name="chevron-down" theme="light"></tet-icon>
-            </a>
-            <div class="menu__dropdown">
-              <ul class="menu__dropdown__list">
-                <li>
-                  <a href="#21" class="menu--highlighted" tabindex="0">
-                    <div>
-                      <div>Interneta piedāvājumi</div>
-                    </div>
-                  </a>
-                </li>
-                <li>
-                  <a href="#22" class="" tabindex="0">
-                    <div class="menu__icon">
-                      <img
-                        src="https://unpkg.com/@tet/tet-web-components@1.45.0/dist/assets/images/f61583fca875e0fc987e80a0273e2ddf.svg"
-                        alt="">
-                    </div>
-                    <div>
-                      <div>Optiskais internets</div>
-                      <div class="menu__dropdown__list__sub-title">Stabils optiskais tīkls</div>
-                    </div>
-                  </a>
-                </li>
-                <li>
-                  <a href="#23" tabindex="0">
-                    <div class="menu__icon">
-                      <tet-icon class="icon" name="home-internet-xs" theme="light"></tet-icon>
-                    </div>
-                    <div>
-                      <div>Mobilais internets</div>
-                      <div class="menu__dropdown__list__sub-title">Plaša pārklājuma 4G tīkls</div>
-                    </div>
-                  </a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </mock:shadow-root>
-      </tet-menu>
-    `);
-    });
-    it('renders menu type  secondary', async () => {
-        const page = await newSpecPage({
-            components: [TetMenu],
-            template: () => (h("tet-menu", { type: "secondary", "first-level-title": "Secondary", subLevels: SUBLEVELS_SECONDARY })),
-        });
-        expect(page.root).toEqualHtml(`
-      <tet-menu first-level-title="Secondary">
-        <mock:shadow-root>
-          <div class="menu">
-            <a href="javascript:void(0)" class="menu__first-level">
-              Secondary
-              <tet-icon class="chevron" name="chevron-down" theme="light"></tet-icon>
-            </a>
-            <div class="menu__dropdown">
-              <ul class="menu__dropdown__list">
-                <li>
-                  <a href="#21" tabindex="0">
-                    <div>
-                      <div>Interneta piedāvājumi</div>
-                    </div>
-                  </a>
-                </li>
-                <li>
-                  <a href="#22" tabindex="0">
-                    <div>
-                      <div>Optiskais internets</div>
-                      <div class="menu__dropdown__list__sub-title">Stabils optiskais tīkls</div>
-                    </div>
-                  </a>
-                </li>
-                <li>
-                  <a href="#23" tabindex="0">
-                    <div>
-                      <div>Mobilais internets</div>
-                      <div class="menu__dropdown__list__sub-title">Plaša pārklājuma 4G tīkls</div>
-                    </div>
-                  </a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </mock:shadow-root>
-      </tet-menu>
-    `);
-    });
-    it('renders menu type language', async () => {
-        const page = await newSpecPage({
-            components: [TetMenu],
-            template: () => (h("tet-menu", { type: "language", "first-level-title": "Language", subLevels: SUBLEVELS_SECONDARY })),
-        });
-        expect(page.root).toEqualHtml(`
-      <tet-menu first-level-title="Language">
-        <mock:shadow-root>
-          <div class="menu menu__language">
-            <a href="javascript:void(0)" class="menu__first-level">
-              Language
-              <tet-icon class="chevron" name="chevron-down" theme="light"></tet-icon>
-            </a>
-            <div class="menu__dropdown">
-              <ul class="menu__dropdown__list">
-                <li>
-                  <a href="#21" tabindex="0">
-                    <div>
-                      <div>Interneta piedāvājumi</div>
-                    </div>
-                  </a>
-                </li>
-                <li>
-                  <a href="#22" tabindex="0">
-                    <div>
-                      <div>Optiskais internets</div>
-                      <div class="menu__dropdown__list__sub-title">Stabils optiskais tīkls</div>
-                    </div>
-                  </a>
-                </li>
-                <li>
-                  <a href="#23" tabindex="0">
-                    <div>
-                      <div>Mobilais internets</div>
-                      <div class="menu__dropdown__list__sub-title">Plaša pārklājuma 4G tīkls</div>
-                    </div>
-                  </a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </mock:shadow-root>
-      </tet-menu>
-    `);
-    });
-    it('renders menu type login', async () => {
-        const page = await newSpecPage({
-            components: [TetMenu],
-            template: () => (h("tet-menu", { type: "login", "first-level-title": "Login", subLevels: SUBLEVELS_SECONDARY, "first-level-icon": "user" })),
-        });
-        expect(page.root).toEqualHtml(`
-      <tet-menu first-level-title="Login" first-level-icon="user" >
-        <mock:shadow-root>
-          <div class="menu menu__login">
-            <a href="javascript:void(0)" class="menu__first-level">
-              <div class="menu__icon">
-                <tet-icon class="icon" name="user" theme="dark"></tet-icon>
-              </div>
-              Login
-              <tet-icon class="chevron" name="chevron-down" theme="dark"></tet-icon>
-            </a>
-            <div class="menu__dropdown">
-              <ul class="menu__dropdown__list">
-                <li>
-                  <a href="#21" tabindex="0">
-                    <div>
-                      <div>Interneta piedāvājumi</div>
-                    </div>
-                  </a>
-                </li>
-                <li>
-                  <a href="#22" tabindex="0">
-                    <div>
-                      <div>Optiskais internets</div>
-                      <div class="menu__dropdown__list__sub-title">Stabils optiskais tīkls</div>
-                    </div>
-                  </a>
-                </li>
-                <li>
-                  <a href="#23" tabindex="0">
-                    <div>
-                      <div>Mobilais internets</div>
-                      <div class="menu__dropdown__list__sub-title">Plaša pārklājuma 4G tīkls</div>
-                    </div>
-                  </a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </mock:shadow-root>
-      </tet-menu>
-    `);
-    });
-});

package/dist/collection/components/simple/menu/tet-menu-mobile/test/tet-menu-mobile.spec.js

@@ -1,87 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { TetMenuMobile } from "../tet-menu-mobile";
-import { h } from "@stencil/core";
-const subLevelDataMock = [
-    { link: '#test-sub-level-link-1', title: 'test-sub-level-title-1', active: true },
-    { link: '#test-sub-level-link-2', title: 'test-sub-level-title-2' },
-    { link: '#test-sub-level-link-3', title: 'test-sub-level-title-3', id: 'test-id-3' },
-];
-describe('tet-menu-mobile', () => {
-    it('renders', async () => {
-        const page = await newSpecPage({
-            components: [TetMenuMobile],
-            html: `<tet-menu-mobile></tet-menu-mobile>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <tet-menu-mobile>
-        <mock:shadow-root>
-          <div class="menu">
-            <a class="menu__first-level tet-font__label--l" href="javascript:void(0)">
-              <span></span>
-            </a>
-          </div>
-        </mock:shadow-root>
-      </tet-menu-mobile>
-    `);
-    });
-    it('renders with first level props', async () => {
-        const page = await newSpecPage({
-            components: [TetMenuMobile],
-            template: () => h("tet-menu-mobile", { firstLevelTitle: "test-title", firstLevelLink: "#test-link" }),
-        });
-        expect(page.root).toEqualHtml(`
-    <tet-menu-mobile>
-        <mock:shadow-root>
-          <div class="menu">
-            <a class="menu__first-level tet-font__label--l" href="#test-link">
-              <span>
-                test-title
-              </span>
-            </a>
-          </div>
-        </mock:shadow-root>
-      </tet-menu-mobile>
-    `);
-    });
-    it('renders with sub level props', async () => {
-        const page = await newSpecPage({
-            components: [TetMenuMobile],
-            template: () => (h("tet-menu-mobile", { firstLevelTitle: "test-title", firstLevelLink: "#test-link", subLevels: subLevelDataMock })),
-        });
-        expect(page.root).toEqualHtml(`
-    <tet-menu-mobile>
-        <mock:shadow-root>
-          <div class="menu">
-            <a class="menu__first-level tet-font__label--l" href="javascript:void(0)">
-              <span>
-                test-title
-              </span>
-              <tet-icon class="menu__chevron" name="chevron-down" theme="light" type="primary"></tet-icon>
-            </a>
-            <div class="menu__dropdown">
-              <ul class="menu__dropdown__list">
-                <slot name="list-start"></slot>
-                <li>
-                  <a class="menu--active menu__second-level" href="#test-sub-level-link-1" inert="">
-                    test-sub-level-title-1
-                  </a>
-                </li>
-                <li>
-                  <a class="menu__second-level" href="#test-sub-level-link-2" inert="">
-                    test-sub-level-title-2
-                  </a>
-                </li>
-                <li>
-                  <a class="menu__second-level" href="#test-sub-level-link-3" id="test-id-3" inert="">
-                    test-sub-level-title-3
-                  </a>
-                </li>
-                <slot name="list-end"></slot>
-              </ul>
-            </div>
-          </div>
-        </mock:shadow-root>
-      </tet-menu-mobile>
-    `);
-    });
-});

package/dist/collection/components/simple/menu/tet-navigation-mobile/test/tet-navigation-mobile.spec.js

@@ -1,81 +0,0 @@
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { TetNavigationMobile } from "../tet-navigation-mobile";
-describe('tet-navigation-mobile', () => {
-    it('renders', async () => {
-        const page = await newSpecPage({
-            components: [TetNavigationMobile],
-            html: `<tet-navigation-mobile></tet-navigation-mobile>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <tet-navigation-mobile>
-        <mock:shadow-root>
-          <navigation class="navigation">
-            <div class="navigation__nav-bar">
-              <slot></slot>
-              </div>
-              <span class="navigation__toggler" tabindex="0">
-                <tet-icon name="burger" theme="light"></tet-icon>
-              </span>
-              <div class="navigation__dropdown" inert="">
-                <slot name="dropdown"></slot>
-              </div>
-            </div>
-          </navigation>
-        </mock:shadow-root>
-      </tet-navigation-mobile>
-    `);
-    });
-    it('renders unnamed slot content', async () => {
-        const page = await newSpecPage({
-            components: [TetNavigationMobile],
-            template: () => (h("tet-navigation-mobile", null, h("div", null, "test-nav-bar"))),
-        });
-        expect(page.root).toEqualHtml(`
-      <tet-navigation-mobile>
-        <mock:shadow-root>
-          <navigation class="navigation">
-            <div class="navigation__nav-bar">
-              <slot></slot>
-              </div>
-              <span class="navigation__toggler" tabindex="0">
-                <tet-icon name="burger" theme="light"></tet-icon>
-              </span>
-              <div class="navigation__dropdown" inert="">
-                <slot name="dropdown"></slot>
-              </div>
-            </div>
-          </navigation>
-        </mock:shadow-root>
-        <div>
-          test-nav-bar
-        </div>
-      </tet-navigation-mobile>
-    `);
-    });
-    it('renders named slot content', async () => {
-        const page = await newSpecPage({
-            components: [TetNavigationMobile],
-            template: () => (h("tet-navigation-mobile", null, h("div", { slot: "dropdown" }, "test-dropdown"))),
-        });
-        expect(page.root).toEqualHtml(`
-      <tet-navigation-mobile>
-        <mock:shadow-root>
-          <navigation class="navigation">
-            <div class="navigation__nav-bar">
-              <slot></slot>
-              </div>
-              <span class="navigation__toggler" tabindex="0">
-                <tet-icon name="burger" theme="light"></tet-icon>
-              </span>
-              <div class="navigation__dropdown" inert="">
-                <slot name="dropdown"></slot>
-              </div>
-            </div>
-          </navigation>
-        </mock:shadow-root>
-        <div slot="dropdown">test-dropdown</div>
-      </tet-navigation-mobile>
-    `);
-    });
-});