import { newSpecPage } from "@stencil/core/testing";
import { EclContentBlock } from "../ecl-content-block";
import { EclLabel } from "../../ecl-label/ecl-label";
import { EclLink } from "../../ecl-link/ecl-link";
import { EclIcon } from "../../ecl-icon/ecl-icon";
import { EclDescriptionList } from "../../ecl-description-list/ecl-description-list";
import { EclDescriptionListTerm } from "../../ecl-description-list/ecl-description-list-term";
import { EclDescriptionListDefinition } from "../../ecl-description-list/ecl-description-list-definition";
describe('ecl-content-block', () => {
    it('renders', async () => {
        const page = await newSpecPage({
            components: [EclContentBlock, EclLink, EclIcon, EclDescriptionList, EclLabel, EclDescriptionListDefinition, EclDescriptionListTerm],
            html: `<ecl-content-block
        theme="ec"
        meta-primary='["PRIMARY META", "DD Month Year"]'
        meta-secondary='[{"label": "2018/10/22", "icon": "calendar"}, {"label": "Luxembourg", "icon": "location"}]'
        has-title
        has-description
        has-lists
        has-labels
        has-links
        has-secondary-links
        ecl-script
      >
        <ecl-label
          slot="labels"
          variant="highlight"
          theme="ec"
        >
          Highlight
        </ecl-label>
        <ecl-label
          slot="labels"
          variant="high"
          theme="ec"
        >
          High importance
        </ecl-label>
        <p slot="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum ut lorem cursus,
          quis tincidunt sem viverra. Nunc vestibulum, mauris quis porta venenatis, justo odio commodo tellus
        </p>
        <ecl-link
          theme="ec"
          slot="title"
          path="/example.html"
          variant="standalone"
        >
          Title
        </ecl-link>
        <ecl-link
          slot="links"
          theme="ec"
          variant="standalone"
          path="/example.html"
        >
          Primary Link 1
        </ecl-link>
        <ecl-link
          slot="links"
          theme="ec"
          variant="standalone"
          path="/example.html"
        >
          Primary Link 2
        </ecl-link>
        <ecl-link
          slot="links"
          theme="ec"
          variant="standalone"
          path="/example.html"
        >
          Primary Link 3
        </ecl-link>
        <ecl-link
          slot="links"
          theme="ec"
          variant="standalone"
          path="/example.html"
        >
          Primary Link 4
        </ecl-link>
        <ecl-link
          slot="links-secondary"
          theme="ec"
          variant="standalone"
          path="/example.html"
        >
          Secondary Link 1
        </ecl-link>
        <ecl-link
          slot="links-secondary"
          theme="ec"
          variant="standalone"
          path="/example.html"
        >
          Secondary Link 2
        </ecl-link>
        <ecl-description-list
          theme="ec"
          slot="lists"
        >
          <ecl-description-list-term
            theme="ec"
          >
            Standard text
          </ecl-description-list-term>
          <ecl-description-list-definition
            type="text"
            theme="ec"
          >
            Lorem ipsum dolor sit amet, <a href="/component-library/example.html" class="ecl-link">consectetur adipiscing elit</a>. Suspendisse ut sapien condimentum, aliquet turpis sit amet, finibus purus. Donec porttitor iaculis felis ut dapibus. Sed blandit, massa ac suscipit facilisis
          </ecl-description-list-definition>
          <ecl-description-list-term
            theme="ec"
          >
            Standalone links
          </ecl-description-list-term>
          <ecl-description-list-definition
            type="link"
            theme="ec"
            items='[{"label": "Lorem ipsum dolor sit amet", "path": "/example.html", "icon": "copy"},{"label": "Lorem ipsum dolor sit amet", "path": "/example.html", "icon": "download"}]'
          >
          </ecl-description-list-definition>
          <ecl-description-list-term
            theme="ec"
          >
            Links inline
          </ecl-description-list-term>
          <ecl-description-list-definition
            type="inline"
            theme="ec"
            items='[{"label": "Lorem ipsum dolor sit amet", "path": "/example.html"},{"label": "Lorem ipsum dolor sit amet", "path": "/example.html"}]'
          >
          </ecl-description-list-definition>
          <ecl-description-list-term
            theme="ec"
          >
            Taxonomy list
          </ecl-description-list-term>
          <ecl-description-list-definition
            type="taxonomy"
            theme="ec"
            items='["Taxonomy item 1",{"label": "Taxonomy item 2", "path": "/example.html"},"Taxonomy item 3"]'
          ></ecl-description-list-definition>
        </ecl-description-list>
      </ecl-content-block>`,
        });
        expect(page.root).toMatchSnapshot();
    });
});
//# sourceMappingURL=ecl-content-block.spec.js.map
