test(uui-button): add looks and colors to test uui-button

Author: iOvergaard

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

@@ -1,12 +1,18 @@
+import '.';
+
 import {
-  html,
-  fixture,
+  elementUpdated,
   expect,
+  fixture,
+  html,
   oneEvent,
-  elementUpdated,
 } from '@open-wc/testing';
+import {
+  InterfaceColorValues,
+  InterfaceLookValues,
+} from '@umbraco-ui/uui-base/lib/types';
+
 import { UUIButtonElement } from './uui-button.element';
-import '.';
 
 describe('UuiButton', () => {
   let formElement: HTMLFormElement;
@@ -35,8 +41,23 @@ describe('UuiButton', () => {
   });
 
   it('passes the a11y audit', async () => {
-    await expect(element).shadowDom.to.be.accessible();
-  });
+    for (const color of InterfaceColorValues) {
+      for (const look of InterfaceLookValues) {
+        for (const disabled of [true, false]) {
+          element = await fixture(
+            html` <uui-button
+              label="Continue"
+              .disabled=${disabled}
+              .look=${look}
+              .color=${color}>
+              Continue
+            </uui-button>`
+          );
+          await expect(element).to.be.accessible();
+        }
+      }
+    }
+  }).timeout(30000);
 
   describe('properties', () => {
     it('has a label property', () => {