v4web-components/dist/collection/components/actions/lab-ds-switch/lab-ds-switch.spec.js

Stencil Component Starter

import { newSpecPage } from '@stencil/core/testing';
import { LabDsSwitch } from './lab-ds-switch';
describe('v4-switch', () => {
  it('renders', async () => {
    const page = await newSpecPage({
      components: [LabDsSwitch],
      html: `<lab-ds-switch size="small" />`,
    });
    expect(page.root).toEqualHtml(`
    <lab-ds-switch size="small">
    <mock:shadow-root>
      <div class="small v4-switch">
        <label class="switch">
          <input type="checkbox">
          <span class="material-symbols-outlined round slider"></span>
        </label>
      </div>
      </mock:shadow-root>
    </lab-ds-switch>
  `);
  });
  it('renders checked', async () => {
    const page = await newSpecPage({
      components: [LabDsSwitch],
      html: `<lab-ds-switch checked="true" size="small" />`,
    });
    expect(page.root).toEqualHtml(`
    <lab-ds-switch checked="true" size="small">
    <mock:shadow-root>
      <div class="small v4-switch">
        <label class="switch">
          <input checked type="checkbox">
          <span class="material-symbols-outlined round slider"></span>
        </label>
      </div>
      </mock:shadow-root>
    </lab-ds-switch>
  `);
  });
});
//# sourceMappingURL=lab-ds-switch.spec.js.map