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

package/dist/collection/components/advanced/address/tet-address-offers-filters/test/tet-address-offers-filters.spec.js

@@ -1,23 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { TetAddressOffersFilters } from "../tet-address-offers-filters";
-describe('tet-address-offers-filters', () => {
-    it('renders', async () => {
-        const page = await newSpecPage({
-            components: [TetAddressOffersFilters],
-            html: `<tet-address-offers-filters></tet-address-offers-filters>`
-        });
-        expect(page.root).toEqualHtml(`
-      <tet-address-offers-filters>
-        <mock:shadow-root>
-          <div class="loader">
-            <tet-placeholder class="tag-placeholder" height="2rem" width="8rem"></tet-placeholder>
-            <tet-placeholder class="tag-placeholder" height="2rem" width="8rem"></tet-placeholder>
-            <tet-placeholder class="tag-placeholder" height="2rem" width="8rem"></tet-placeholder>
-            <tet-placeholder class="tag-placeholder" height="2rem" width="8rem"></tet-placeholder>
-          </div>
-         <tet-tag-group language="lv" theme="light"></tet-tag-group>
-        </mock:shadow-root>
-      </tet-address-offers-filters>
-    `);
-    });
-});

package/dist/collection/components/advanced/address/tet-address-offers-filters-products/test/tet-address-offers-filters-products.spec.js

@@ -1,23 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { TetAddressOffersFiltersProducts } from "../tet-address-offers-filters-products";
-describe('tet-address-offers-filters-products', () => {
-    it('renders', async () => {
-        const page = await newSpecPage({
-            components: [TetAddressOffersFiltersProducts],
-            html: `<tet-address-offers-filters-products></tet-address-offers-filters-products>`
-        });
-        expect(page.root).toEqualHtml(`
-      <tet-address-offers-filters-products>
-        <mock:shadow-root>
-          <div class="loader">
-            <tet-placeholder class="tag-placeholder" height="2rem" width="8rem"></tet-placeholder>
-            <tet-placeholder class="tag-placeholder" height="2rem" width="8rem"></tet-placeholder>
-            <tet-placeholder class="tag-placeholder" height="2rem" width="8rem"></tet-placeholder>
-            <tet-placeholder class="tag-placeholder" height="2rem" width="8rem"></tet-placeholder>
-          </div>
-         <tet-tag-group language="lv" theme="light"></tet-tag-group>
-        </mock:shadow-root>
-      </tet-address-offers-filters-products>
-    `);
-    });
-});

package/dist/collection/components/advanced/address/tet-autocomplete/test/tet-autocomplete.spec.js

@@ -1,110 +0,0 @@
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { TetAutocomplete } from "../tet-autocomplete";
-import * as random from "../../../../../services/utils/random";
-jest.spyOn(random, 'randomString').mockReturnValue('randomString');
-describe('tet-autocomplete', () => {
-    it('renders empty', async () => {
-        const page = await newSpecPage({
-            components: [TetAutocomplete],
-            html: `<tet-autocomplete></tet-autocomplete>`
-        });
-        expect(page.root).toEqualHtml(`
-      <tet-autocomplete class="autocomplete">
-        <mock:shadow-root>
-          <slot></slot>
-        </mock:shadow-root>
-      </tet-autocomplete>
-    `);
-    });
-    it('renders slot content', async () => {
-        const page = await newSpecPage({
-            components: [TetAutocomplete],
-            html: `
-        <tet-autocomplete>
-          <input type="text" class="autocomplete-input"/>
-        </tet-autocomplete>`
-        });
-        expect(page.root).toEqualHtml(`
-      <tet-autocomplete class="autocomplete">
-        <mock:shadow-root>
-          <slot></slot>
-        </mock:shadow-root>
-        <input type="text" class="autocomplete-input"/>
-      </tet-autocomplete>
-    `);
-    });
-    it('renders should not render autocomplete options before interaction', async () => {
-        const filterAction = jest.fn();
-        filterAction.mockReturnValue([
-            { label: 'Test Value', value: null },
-            { label: 'test value', value: null }
-        ]);
-        const page = await newSpecPage({
-            components: [TetAutocomplete],
-            template: () => (h("tet-autocomplete", { optionsFilterAction: filterAction }, h("input", { type: "text", class: "autocomplete-input", value: "any value" })))
-        });
-        expect(page.root).toEqualHtml(`
-      <tet-autocomplete class="autocomplete">
-        <mock:shadow-root>
-          <slot></slot>
-        </mock:shadow-root>
-        <input type="text" class="autocomplete-input" value="any value"/>
-      </tet-autocomplete>
-    `);
-    });
-    it('renders autocomplete options on first click on the element', async () => {
-        const filterAction = jest.fn();
-        filterAction.mockReturnValue([
-            { label: 'Test Value', value: null },
-            { label: 'test value', value: null }
-        ]);
-        const page = await newSpecPage({
-            components: [TetAutocomplete],
-            template: () => (h("tet-autocomplete", { optionsFilterAction: filterAction }, h("input", { type: "text", class: "autocomplete-input", value: "any value" })))
-        });
-        page.root.querySelector('input').focus();
-        await page.waitForChanges();
-        expect(page.root).toEqualHtml(`
-      <tet-autocomplete class="autocomplete">
-        <mock:shadow-root>
-          <slot></slot>
-          <div class="autocomplete-options-container" role="combobox" aria-expanded part="autocomplete-options-container">
-            <ul class="autocomplete-options" role="listbox" tabindex="-1">
-              <li class="autocomplete-options-item" id="randomString-0" role="option"><span>Test Value</span></li>
-              <li class="autocomplete-options-item" id="randomString-1" role="option"><span>test value</span></li>
-            </ul>
-          </div>
-        </mock:shadow-root>
-        <input type="text" class="autocomplete-input" value="any value"/>
-      </tet-autocomplete>
-    `);
-    });
-    it('highlights parts of the options based on the keywords', async () => {
-        const filterAction = jest.fn();
-        filterAction.mockReturnValue([
-            { label: 'This is the first label', value: null },
-            { label: 'THIS IS ALSO A LABEL', value: null }
-        ]);
-        const page = await newSpecPage({
-            components: [TetAutocomplete],
-            template: () => (h("tet-autocomplete", { optionsFilterAction: filterAction }, h("input", { type: "text", class: "autocomplete-input", value: "this label" })))
-        });
-        page.root.querySelector('input').focus();
-        await page.waitForChanges();
-        expect(page.root).toEqualHtml(`
-      <tet-autocomplete class="autocomplete">
-        <mock:shadow-root>
-          <slot></slot>
-          <div class="autocomplete-options-container" role="combobox" aria-expanded part="autocomplete-options-container">
-            <ul class="autocomplete-options" role="listbox" tabindex="-1">
-              <li class="autocomplete-options-item" id="randomString-0" role="option"><span>This is the first label</span></li>
-              <li class="autocomplete-options-item" id="randomString-1" role="option"><span>THIS IS ALSO A LABEL</span></li>
-            </ul>
-          </div>
-        </mock:shadow-root>
-        <input type="text" class="autocomplete-input" value="this label"/>
-      </tet-autocomplete>
-    `);
-    });
-});

package/dist/collection/components/advanced/cards/tet-b2b-compare-card/test/tet-b2b-compare-card.spec.js

@@ -1,86 +0,0 @@
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { TetB2bCompareCard } from "../tet-b2b-compare-card";
-const options = {
-    id: 'BUSINESS_M365_PACKAGE_BASIC',
-    title: 'Zelts',
-    subtitle: `Līdz 300 Mbit/s `,
-    isBestChoice: true,
-    price: 15.99,
-    discountPrice: 9.99,
-    benefits: [
-        'Tiešsaistes Office programmatūra',
-        'Versija ar e-pastu un videokonferencēm',
-        'Iespēja izvēlēties licenci ar/bez MS Teams'
-    ],
-    contract: 'https://cdn.tet.lv/webplatform-metastore-sit/products/uKwgx9g6Sv.php',
-    counterOptions: {
-        minValue: 2,
-        maxValue: 15,
-        label: 'components-b2b-calculator-computer-count',
-        defaultValue: 7
-    }
-};
-describe('tet-b2b-compare-card', () => {
-    it('renders', async () => {
-        const page = await newSpecPage({
-            components: [TetB2bCompareCard],
-            template: () => h("tet-b2b-compare-card", { options: options })
-        });
-        expect(page.root).toEqualHtml(`
-      <tet-b2b-compare-card>
-        <mock:shadow-root>
-        <div class="card__wrapper">
-          <div class="card__badge">
-            components-b2b-configurator-best-choice
-          </div>
-          <div 
-            aria-labelledby="title-BUSINESS_M365_PACKAGE_BASIC" 
-            class="card light" role="button" 
-            tabindex="0"
-          >
-            <section class="offer">
-              <div class="offer__header">
-                <div class="offer__top-info">
-                  <h3 class="offer__title" id="title-BUSINESS_M365_PACKAGE_BASIC">
-                    Zelts
-                  </h3>
-                  <div class="offer__price">
-                    9.99
-                    <span class="offer__price-suffix">
-                      <span>€/mēn.</span>
-                    </span>
-                  </div>
-                </div>
-                <p class="offer__subtitle">
-                  Līdz 300 Mbit/s
-                </p>
-              </div>
-              <hr class="divider divider--slim">
-              <tet-text-list class="offer__benefits" listicon="tc-check" theme="light" withicon="">
-                <span>
-                  Tiešsaistes Office programmatūra
-                </span>
-                <span>
-                  Versija ar e-pastu un videokonferencēm
-                </span>
-                <span>
-                  Iespēja izvēlēties licenci ar/bez MS Teams
-                </span>
-              </tet-text-list>
-              <div class="offer__contract-link">
-                <a class="light tet-link" href="https://cdn.tet.lv/webplatform-metastore-sit/products/uKwgx9g6Sv.php" rel="noopener noreferrer" target="_blank">
-                  components-b2b-configurator-contract-link-label
-                  <span class="sr-only">
-                    components-a11y-open-link-in-new-window
-                  </span>
-                </a>
-              </div>
-            </section>
-          </div>
-        </div>
-        </mock:shadow-root>
-      </tet-b2b-compare-card>
-    `);
-    });
-});

package/dist/collection/components/advanced/cards/tet-card-list/test/tet-card-list.spec.js

@@ -1,69 +0,0 @@
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { TetCardList } from "../tet-card-list";
-describe('tet-card-list', () => {
-    it('renders empty', async () => {
-        const page = await newSpecPage({
-            components: [TetCardList],
-            template: () => h("tet-card-list", { withScrollbar: false, withMouseDrag: false }),
-        });
-        expect(page.root).toEqualHtml(`
-      <tet-card-list>
-        <mock:shadow-root>
-          <div class="tet-card-list__container light" part="card-list-container">
-            <div class="tet-card-list__scroll-container">
-              <div part="card-list" style="display: grid; grid-auto-flow: column; position: relative; overflow: hidden; width: 100%; height: 100%;">
-                <div part="scroll-container" class="tet-card-list"
-                     style="overflow: visible; position: relative; left: 0px; display: grid; grid-auto-flow: column;">
-                  <slot></slot>
-                </div>
-              </div>
-            </div>
-            <tet-button class="tet-card-list__control tet-card-list__control--left" iconmode="" theme="light">
-              <tet-icon class="tet-card-list__control__icon" name="chevron-left"></tet-icon>
-            </tet-button>
-            <tet-button class="tet-card-list__control tet-card-list__control--right" iconmode="" theme="light">
-              <tet-icon class="tet-card-list__control__icon" name="chevron-right"></tet-icon>
-            </tet-button>
-            <div class="tet-card-list--hidden tet-card-list__scroll">
-              <div class="tet-card-list__scroll--thumb"></div>
-            </div>
-          </div>
-        </mock:shadow-root>
-      </tet-card-list>
-    `);
-    });
-    it('renders a list with items in dark theme', async () => {
-        const page = await newSpecPage({
-            components: [TetCardList],
-            template: () => (h("tet-card-list", { withScrollbar: false, withMouseDrag: false, theme: "dark" }, h("div", { id: "item0" }), h("div", { id: "item1" }))),
-        });
-        expect(page.root).toEqualHtml(`
-      <tet-card-list>
-        <mock:shadow-root>
-        <div class="tet-card-list__container dark" part="card-list-container">
-          <div class="tet-card-list__scroll-container">
-            <div part="card-list" style="display: grid; grid-auto-flow: column; position: relative; overflow: hidden; width: 100%; height: 100%;">
-              <div part="scroll-container" class="tet-card-list"
-                   style="overflow: visible; position: relative; left: 0px; display: grid; grid-auto-flow: column;">
-                <slot></slot>
-              </div>
-            </div>
-          </div>
-          <tet-button class="tet-card-list__control tet-card-list__control--left" iconmode="" theme="dark">
-            <tet-icon class="tet-card-list__control__icon" name="chevron-left"></tet-icon>
-          </tet-button>
-          <tet-button class="tet-card-list__control tet-card-list__control--right" iconmode="" theme="dark">
-            <tet-icon class="tet-card-list__control__icon" name="chevron-right"></tet-icon>
-          </tet-button>
-          <div class="tet-card-list--hidden tet-card-list__scroll">
-            <div class="tet-card-list__scroll--thumb"></div>
-          </div>
-        </div>
-        </mock:shadow-root>
-        <div id="item0"></div>
-        <div id="item1"></div>
-      </tet-card-list>
-    `);
-    });
-});

package/dist/collection/components/advanced/cards/tet-compare-card/test/tet-compare-card.spec.js

@@ -1,292 +0,0 @@
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { TetCompareCard } from "../tet-compare-card";
-const OPTIONS = {
-    bestChoiceText: 'Labākā izvēle',
-    heroTitle: 'Hero title',
-    mainTitle: 'Title',
-    subTitle: 'Subtitle',
-    infoItem: '!<tet-tooltip>Tooltip information</tet-tooltip>',
-    bulletPoints: ['Bulletpoint title1', 'Bulletpoint title2', 'Bulletpoint title3'],
-    currency: '€/mēn.',
-    price: '29.99',
-    oldPrice: '39.5',
-    term: 'Līgums uz 24 mēnešiem',
-    helper: 'This thing comes fully loaded. AM/FM radio, reclining bucket seats, and... power windows. What do they got in there?',
-    button: '<tet-button class="tet-button" theme="light">Button</tet-button><style>.tet-button {--button-width: 10rem;}</style>',
-    link: 'https://tet.lv',
-    linkOpenBlank: true,
-    secondaryLink: 'www.tet.lv',
-    secondaryLinkText: 'Secondary link',
-    pricePrefix: 'no',
-    secondaryLinkOpenBlank: true,
-};
-describe('tet-compare-card', () => {
-    it('renders best choice card classic', async () => {
-        const page = await newSpecPage({
-            components: [TetCompareCard],
-            template: () => {
-                return (h("tet-compare-card", { class: "tet-compare-card", id: "my-card", "best-choice": "1", "can-select": "1", options: OPTIONS }));
-            },
-        });
-        expect(page.root).toEqualHtml(`
-      <tet-compare-card best-choice="1" can-select="1" class="tet-compare-card" id="my-card">
-        <mock:shadow-root>
-          <div class="best-choice card classic full-height regular">
-            <div class="active best-choice-title center">Labākā izvēle</div>
-            <div class="image-wrapper none"></div>
-            <div class="compare-card-half-60">
-              <div class="js-resize-title title-wrapper" part="compare-card-title-wrapper">
-                <div class="title-wrapper-inner">
-                  <h3 class="hero-title">Hero title</h3>
-                  <h3 class="main-title">Title</h3>
-                  <div class="sub-title">Subtitle
-                    <div class="info-item">!
-                      <tet-tooltip>Tooltip information</tet-tooltip>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="content-wrapper js-resize-content">
-                <div class="custom-content-wrapper">
-                  <slot name="custom-slot" />
-                </div>
-                <div class="bullet-points-wrapper">
-                  <div class="bullet-point">
-                    <tet-icon class="icon" name="check-circle"></tet-icon>
-                    <div>
-                      Bulletpoint title1
-                    </div>
-                  </div>
-                  <div class="bullet-point">
-                    <tet-icon class="icon" name="check-circle"></tet-icon>
-                    <div>
-                      Bulletpoint title2
-                    </div>
-                  </div>
-                  <div class="bullet-point">
-                    <tet-icon class="icon" name="check-circle"></tet-icon>
-                    <div>
-                      Bulletpoint title3
-                    </div>
-                  </div>
-                </div>
-                <div class="upsell-block">
-                  <slot name="upsell-block-slot" />
-                </div>
-              </div>
-              <div class="divided-information-wrapper js-resize-divide-slot">
-                <slot name="divided-information-slot"></slot>
-              </div>
-            </div>
-            <div class="compare-card-half-40">
-              <div class="js-resize-price price">
-                <div class="price-wrapper">
-                  <div class="price-container">
-                    <div class="price-prefix">no</div>
-                    <div class="new-price translation-none">29,99</div>
-                    <div class="currency">
-                      <span>€/mēn.</span>
-                    </div>
-
-                  </div>
-                  <div class="old-price-container">
-                    <div class="old-price translation-none">39,50</div>
-                    <div class="old-currency">€/mēn.</div>
-                  </div>
-                </div>
-                <div class="price-information-wrapper">
-                  <slot name="price-information-slot" />
-                </div>
-                <div class="helper">
-                  <div class="term">
-                    Līgums uz 24 mēnešiem
-                  </div>
-                  <span>
-                    This thing comes fully loaded.
-                    AM/FM radio, reclining bucket seats, and... power windows.
-                    What do they got in there?
-                  </span>
-                </div>
-              </div>
-              <div class="button-wrapper">
-                <a target="_blank" href="https://tet.lv" data-form-link="https://tet.lv" tabindex="-1">
-                  <div class="button">
-                    <tet-button class="tet-button" theme="light">Button</tet-button>
-                    <style>.tet-button {--button-width: 10rem;}</style>
-                  </div>
-                </a>
-                <div class="description-wrapper js-resize-divide-slot">
-                  <slot name="description-slot" />
-                </div>
-                <div class="secondary-link tet-link center"><a target="_blank" href="www.tet.lv">Secondary link</a></div>
-              </div>
-            </div>
-            <div class="data-hidden">
-              <div data-attribute="hero-title">Hero title</div>
-              <div data-attribute="main-title">Title</div>
-              <div data-attribute="sub-title">Subtitle</div>
-              <div data-attribute="price">29,99</div>
-              <div data-attribute="old-price">39,50</div>
-              <div data-attribute="term">
-                Līgums uz 24 mēnešiem
-              </div>
-              <div data-attribute="term-text"></div>
-              <div data-attribute="helper">
-                This thing comes fully loaded. AM/FM radio, reclining bucket seats, and... power windows. What do they got in there?
-              </div>
-              <div data-attribute="description">
-                <slot name="description-slot" />
-              </div>
-              <div data-attribute="custom-slot">
-                <slot name="custom-slot" />
-              </div>
-              <div data-attribute="bullet-points">
-                <div>Bulletpoint title1</div>
-                <div>Bulletpoint title2</div>
-                <div>Bulletpoint title3</div>
-              </div>
-              <div data-attribute="divided-information">
-                <slot name="divided-information-slot" />
-              </div>
-              <div data-attribute="price-prefix">no</div>
-            </div>
-          </div>
-        </mock:shadow-root>
-      </tet-compare-card>
-    `);
-    });
-    it("renders card tet-tv-plus can't select", async () => {
-        const page = await newSpecPage({
-            components: [TetCompareCard],
-            template: () => {
-                return h("tet-compare-card", { class: "tet-compare-card", id: "my-card", theme: "tet-tv-plus", options: OPTIONS });
-            },
-        });
-        expect(page.root).toEqualHtml(`
-      <tet-compare-card class="tet-compare-card" id="my-card">
-        <mock:shadow-root>
-          <div class="card full-height regular tet-tv-plus">
-            <div class="best-choice-title center">Labākā izvēle</div>
-            <div class="image-wrapper none"></div>
-            <div class="compare-card-half-60">
-              <div class="js-resize-title title-wrapper" part="compare-card-title-wrapper">
-                <div class="title-wrapper-inner">
-                  <h3 class="hero-title">Hero title</h3>
-                  <h3 class="main-title">Title</h3>
-                  <div class="sub-title">Subtitle
-                    <div class="info-item">!
-                      <tet-tooltip>Tooltip information</tet-tooltip>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="content-wrapper js-resize-content">
-              <div class="custom-content-wrapper">
-                <slot name="custom-slot" />
-              </div>
-                <div class="bullet-points-wrapper">
-                  <div class="bullet-point">
-                    <tet-icon class="icon" name="check-circle"></tet-icon>
-                    <div>
-                      Bulletpoint title1
-                    </div>
-                  </div>
-                  <div class="bullet-point">
-                    <tet-icon class="icon" name="check-circle"></tet-icon>
-                    <div>
-                      Bulletpoint title2
-                    </div>
-                  </div>
-                  <div class="bullet-point">
-                    <tet-icon class="icon" name="check-circle"></tet-icon>
-                    <div>
-                      Bulletpoint title3
-                    </div>
-                  </div>
-                </div>
-                <div class="upsell-block">
-                  <slot name="upsell-block-slot" />
-                </div>
-              </div>
-              <div class="divided-information-wrapper js-resize-divide-slot">
-                <slot name="divided-information-slot"></slot>
-              </div>
-            </div>
-            <div class="compare-card-half-40">
-              <div class="js-resize-price price">
-                <div class="price-wrapper">
-                  <div class="price-container">
-                    <div class="price-prefix">no</div>
-                    <div class="new-price translation-none">29,99</div>
-                    <div class="currency">
-                      <span>€/mēn.</span>
-                    </div>
-                  </div>
-                  <div class="old-price-container">
-                    <div class="old-price translation-none">39,50</div>
-                    <div class="old-currency">€/mēn.</div>
-                  </div>
-                </div>
-                <div class="price-information-wrapper">
-                  <slot name="price-information-slot" />
-                </div>
-                <div class="helper">
-                  <div class="term">
-                    Līgums uz 24 mēnešiem
-                  </div>
-                  <span>
-                    This thing comes fully loaded.
-                    AM/FM radio, reclining bucket seats, and... power windows.
-                    What do they got in there?
-                  </span>
-                </div>
-              </div>
-              <div class="button-wrapper">
-                <a target="_blank" href="https://tet.lv" data-form-link="https://tet.lv" tabindex="-1" >
-                  <div class="button">
-                    <tet-button class="tet-button" theme="light">Button</tet-button>
-                    <style>.tet-button {--button-width: 10rem;}</style>
-                  </div>
-                </a>
-                <div class="description-wrapper js-resize-divide-slot">
-                  <slot name="description-slot" />
-                </div>
-                <div class="secondary-link tet-link center"><a target="_blank" href="www.tet.lv">Secondary link</a></div>
-              </div>
-            </div>
-            <div class="data-hidden">
-              <div data-attribute="hero-title">Hero title</div>
-              <div data-attribute="main-title">Title</div>
-              <div data-attribute="sub-title">Subtitle</div>
-              <div data-attribute="price">29,99</div>
-              <div data-attribute="old-price">39,50</div>
-              <div data-attribute="term">
-                Līgums uz 24 mēnešiem
-              </div>
-              <div data-attribute="term-text"></div>
-              <div data-attribute="helper">
-                This thing comes fully loaded. AM/FM radio, reclining bucket seats, and... power windows. What do they got in there?
-              </div>
-              <div data-attribute="description">
-                <slot name="description-slot" />
-              </div>
-              <div data-attribute="custom-slot">
-                <slot name="custom-slot" />
-              </div>
-              <div data-attribute="bullet-points">
-                <div>Bulletpoint title1</div>
-                <div>Bulletpoint title2</div>
-                <div>Bulletpoint title3</div>
-              </div>
-              <div data-attribute="divided-information">
-                <slot name="divided-information-slot" />
-              </div>
-              <div data-attribute="price-prefix">no</div>
-            </div>
-          </div>
-        </mock:shadow-root>
-      </tet-compare-card>
-    `);
-    });
-});

package/dist/collection/components/advanced/cards/tet-compare-card-v2/test/tet-compare-card-v2.spec.js

@@ -1,40 +0,0 @@
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { TetCompareCardV2 } from "../tet-compare-card-v2";
-// This should match your actual CompareCardInterface and any required fields for your component to render without runtime/TS errors.
-const OPTIONS = [{
-        productCode: 'PD_TELCO_NETFLIX_PACKAGE_A_STANDARD_4G',
-        mainTitle: 'Title',
-        currency: '€/mēn.',
-        price: '29.99',
-        priceDescription: 'Īpašā cena spēkā jauniem klientiem pirmos 24 mēnešus, pēc tam - tā brīža standarta cena.',
-        oldPrice: '39.5',
-        link: 'https://tet.lv',
-        linkOpenBlank: true,
-        secondaryLink: 'www.tet.lv',
-        secondaryLinkText: 'Secondary link',
-        pricePrefix: 'no',
-        secondaryLinkOpenBlank: true,
-        preselected: true,
-        keys: ['someKey'],
-        bonuses: []
-    }];
-it('renders best choice card light', async () => {
-    const page = await newSpecPage({
-        components: [TetCompareCardV2],
-        template: () => (h("tet-compare-card-v2", { class: "tet-compare-card-v2", id: "my-card", bestChoice: true, options: OPTIONS, cardType: "dropdown", benefitTitle: "Bonusi" })),
-    });
-    page.rootInstance.allProductData = {
-        'PD_TELCO_NETFLIX_PACKAGE_A_STANDARD_4G': {
-            name: { lv: "Title" },
-            attributes: [],
-            contractTerms: [{ amount: 29.99, term: 0 }],
-            formUrl: { lv: 'https://tet.lv/' }
-        }
-    };
-    page.rootInstance.selectedProductCode = 'PD_TELCO_NETFLIX_PACKAGE_A_STANDARD_4G';
-    page.rootInstance.showLoader = false;
-    await page.waitForChanges();
-    expect(page.root.shadowRoot.innerHTML).toContain('Title');
-    expect(page.root.shadowRoot.querySelector('.card')).toBeTruthy();
-});