@justeattakeaway/pie-button 0.22.0 → 0.23.0

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
-[3:34:01 PM] @custom-elements-manifest/analyzer: Created new manifest.
+[3:28:09 PM] @custom-elements-manifest/analyzer: Created new manifest.
 react wrapper has been added!
 vite v4.3.9 building for production...
 transforming...
@@ -9,6 +9,6 @@ computing gzip size...
 dist/react.js  59.01 kB │ gzip: 15.91 kB
 
 [vite:dts] Start generate declaration files...
-✓ built in 19.26s
-[vite:dts] Declaration files built in 17800ms.
+✓ built in 20.52s
+[vite:dts] Declaration files built in 19120ms.
 

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.23.0
+
+### Minor Changes
+
+- [Added] - axe builder to be shared as a base instance across broswer accessibility tests ([#669](https://github.com/justeattakeaway/pie/pull/669)) by [@raoufswe](https://github.com/raoufswe)
+
 ## 0.22.0
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@justeattakeaway/pie-button",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "description": "PIE design system button built using web components",
   "type": "module",
   "main": "dist/index.js",

package/test/accessibility/pie-button.spec.ts

@@ -1,5 +1,4 @@
-import { test, expect } from '@sand4rt/experimental-ct-web';
-import AxeBuilder from '@axe-core/playwright';
+import { test, expect } from '@justeattakeaway/pie-webc-testing/src/playwright/fixtures.ts';
 import { getAllPropCombinations, splitCombinationsByPropertyValue } from '@justeattakeaway/pie-webc-testing/src/helpers/get-all-prop-combos.ts';
 import { PropObject, WebComponentPropValues } from '@justeattakeaway/pie-webc-testing/src/helpers/defs.ts';
 import { PieButton } from '@/index';
@@ -17,7 +16,7 @@ const componentPropsMatrix : WebComponentPropValues[] = getAllPropCombinations(p
 const componentPropsMatrixByVariant: Record<string, WebComponentPropValues[]> = splitCombinationsByPropertyValue(componentPropsMatrix, 'variant');
 const componentVariants: string[] = Object.keys(componentPropsMatrixByVariant);
 
-componentVariants.forEach((variant) => test(`Render all prop variations for Variant: ${variant}`, async ({ page, mount }) => {
+componentVariants.forEach((variant) => test(`Render all prop variations for Variant: ${variant}`, async ({ makeAxeBuilder, mount }) => {
     await Promise.all(componentPropsMatrixByVariant[variant].map(async (combo: WebComponentPropValues) => {
         await mount(
             PieButton,
@@ -30,10 +29,7 @@ componentVariants.forEach((variant) => test(`Render all prop variations for Vari
         );
     }));
 
-    const results = await new AxeBuilder({ page })
-        .withTags(['wcag21a', 'wcag21aa', 'wcag143', 'cat.color', 'cat.aria'])
-        .disableRules(['color-contrast', 'color-contrast-enhanced'])
-        .analyze();
+    const results = await makeAxeBuilder().analyze();
 
     expect(results.violations).toEqual([]);
 }));