Static Site

Static/package/dist/collection/components/alert/alert.e2e.js

@@ -0,0 +1,31 @@
+import { newE2EPage } from "@stencil/core/testing";
+describe('ifx-alert', () => {
+  it('should render', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<ifx-alert></ifx-alert>');
+    const element = await page.find('ifx-alert');
+    expect(element).toHaveClass('hydrated');
+  });
+  it('should set the correct variant', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<ifx-alert variant="primary"></ifx-alert>');
+    const element = await page.find('ifx-alert');
+    const variant = await element.getProperty('variant');
+    expect(variant).toBe('primary');
+  });
+  it('should set the correct icon', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<ifx-alert icon="cinfo24"></ifx-alert>');
+    const element = await page.find('ifx-alert');
+    const icon = await element.getProperty('icon');
+    expect(icon).toBe('cinfo24');
+  });
+  it('should display the correct icon', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<ifx-alert icon="cinfo24"></ifx-alert>');
+    const iconElement = await page.find('ifx-alert >>> .icon-wrapper > ifx-icon');
+    const iconProp = await iconElement.getProperty('icon');
+    expect(iconProp).toBe('cinfo24');
+  });
+});
+//# sourceMappingURL=alert.e2e.js.map