@salla.sa/twilight-components/dist/collection/components/salla-tabs/test/salla-tabs.spec.js

Salla Web Component

/*!
 * Crafted with ❤ by Salla
 */
import { newSpecPage } from "@stencil/core/testing";
import { SallaTabs } from "../salla-tabs";
describe('salla-tabs', () => {
  it('should build', () => {
    expect(new SallaTabs()).toBeTruthy();
  });
  describe('rendering', () => {
    let page;
    it('should be able to render component', async () => {
      page = await newSpecPage({
        components: [SallaTabs],
        html: `
         <salla-tabs>
              {[1,2,3,4,5].map((i) =>
                <salla-tab-header slot="header" name={i}>
                  <span>{i}</span>
                </salla-tab-header>
              )}
              {[1,2,3,4,5].map((j) =>
                <salla-tab-content slot="content" name={j}>
                  <div innerHTML={j}></div>
                </salla-tab-content>
              )}
            </salla-tabs>
            `
      });
      // await page.waitForChanges();
      let component = page.doc.querySelector('salla-tabs');
      expect(component).not.toBeNull();
    });
  });
});
//# sourceMappingURL=salla-tabs.spec.js.map