more uui-icon tests

Author: nielslyngsoe

packages/uui-icon/lib/uui-icon.test.ts

@@ -4,13 +4,14 @@ import '.';
 
 import { iconRegistry } from './UUIIconRegistry';
 
-describe('UUIIconElement', () => {
-  const TEST_SVG =
-    '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"></svg>';
+const TEST_SVG =
+  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"></svg>';
+iconRegistry.defineIcon('test', TEST_SVG);
+
+describe('UUIIconElement with name', () => {
   let element: UUIIconElement;
 
   beforeEach(async () => {
-    iconRegistry.defineIcon('test', TEST_SVG);
     element = await fixture(html` <uui-icon name="test"></uui-icon> `);
   });
 
@@ -22,3 +23,37 @@ describe('UUIIconElement', () => {
     await expect(element).shadowDom.to.be.accessible();
   });
 });
+
+describe('UUIIconElement with svg', () => {
+  let element: UUIIconElement;
+
+  beforeEach(async () => {
+    element = await fixture(html` <uui-icon svg=${TEST_SVG}></uui-icon> `);
+  });
+
+  it('contains svg of icon', async () => {
+    await expect(element).shadowDom.to.equal(TEST_SVG);
+  });
+
+  it('passes the a11y audit', async () => {
+    await expect(element).shadowDom.to.be.accessible();
+  });
+});
+
+describe('UUIIconElement with fallback', () => {
+  let element: UUIIconElement;
+
+  beforeEach(async () => {
+    element = await fixture(
+      html` <uui-icon name="not_existing" fallback=${TEST_SVG}></uui-icon> `
+    );
+  });
+
+  it('contains svg of icon', async () => {
+    await expect(element).shadowDom.to.equal(TEST_SVG);
+  });
+
+  it('passes the a11y audit', async () => {
+    await expect(element).shadowDom.to.be.accessible();
+  });
+});