import { newSpecPage } from "@stencil/core/testing";
import { EclModal } from "../ecl-modal";
import { EclButton } from "../../ecl-button/ecl-button";
import { EclInput } from "../../ecl-input/ecl-input";
import { EclIcon } from "../../ecl-icon/ecl-icon";
describe('ecl-modal', () => {
    it('renders', async () => {
        const page = await newSpecPage({
            components: [EclModal, EclButton, EclIcon, EclInput],
            html: `<ecl-modal
        theme="ec"
        with-header
        with-footer
        with-body
        with-body-fixed
        ecl-script
        toggle-id="modal-demo-toggle"
        close-label="Close"
      >
        <div slot="header">
          <ecl-icon
            icon="information"
            size="m"
            style-class="ecl-modal__icon sc-ecl-modal-ec"
          ></ecl-icon>
          <ecl-text tag="span">Lorem ipsum dolor sit amet</ecl-text>
        </div>
        <div slot="body">Sed quam augue, volutpat sed dapibus in, accumsan a arcu. 
          Nulla quam enim, porttitor at neque a, egestas porttitor tortor. Nam tortor sem, elementum id augue quis, posuere vestibulum dui.
          Donec id posuere libero, sit amet egestas lorem. Aliquam finibus ipsum mauris, a molestie tortor laoreet.
        </div>
        <div slot="body-fixed">
          <ecl-input
            theme="ec"
            type="checkbox"
            name="checkbox-default"
            input-class="ecl-checkbox__input"
            input-id="checkbox-default-1"
            label="Option label"
          ></ecl-input>
        </div>
        <div slot="footer">
          <ecl-button
            type="button"
            variant="secondary"
            style-class="ecl-modal__button"
          >
            Secondary action
          </ecl-button>
          <ecl-button
            type="submit"
            variant="primary"
            style-class="ecl-modal__button"
          >
            Primary action
          </ecl-button>
        </div>
      </ecl-modal>`,
        });
        expect(page.root).toMatchSnapshot();
    });
});
//# sourceMappingURL=ecl-modal.spec.js.map
