@comicrelief/component-library 8.38.0 → 8.40.0

package/dist/components/Atoms/Select/Select.js

@@ -89,6 +89,7 @@ const Select = /*#__PURE__*/_react.default.forwardRef((_ref8, ref) => {
     error: errorMsg,
     defaultValue: defaultValue,
     required: optional === false,
+    "aria-required": optional === false,
     hasValue: !!value,
     greyDescription: greyDescription,
     ref: ref,

package/dist/components/Atoms/Select/__snapshots__/Select.test.js.snap

@@ -75,6 +75,7 @@ exports[`renders correctly 1`] = `
     size="s"
   />
   <select
+    aria-required={true}
     className="c3"
     defaultValue=""
     onChange={[Function]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@comicrelief/component-library",
   "author": "Comic Relief Engineering Team",
-  "version": "8.38.0",
+  "version": "8.40.0",
   "main": "dist/index.js",
   "license": "ISC",
   "jest": {
@@ -57,7 +57,8 @@
     "test:e2e:ci": "NODE_ENV=development; start-server-and-test styleguide http://localhost:6060 test:e2e",
     "test:e2e:local": "export NODE_ENV=development; start-server-and-test styleguide http://localhost:6060 test:e2e",
     "lint": "eslint src",
-    "lint-fix": "yarn lint --fix"
+    "lint-fix": "yarn lint --fix",
+    "build-pr": "rm -rf dist && NODE_ENV=development babel src --out-dir dist --copy-files --ignore __tests__,spec.js,test.js"
   },
   "browserslist": {
     "production": [

package/playwright/components/molecules/typeahead.spec.js

@@ -17,7 +17,9 @@ test.describe('typeahead component', () => {
     expect(placeholderAttribute).toBe('Start searching...');
 
     // type a word and typeahead should give options
-    await page.locator('input#typeahead-test').type('red nos');
+    await page.locator('input#typeahead-test').type('red nose');
+    await page.waitForTimeout(2000);
+    await page.locator('label[for="typeahead-test"] ~ div > ul[role="listbox"]').waitFor({ state: 'visible' });
     await expect(page.locator('label[for="typeahead-test"] ~ div > ul[role="listbox"]')).toBeVisible();
     await expect(page.locator('label[for="typeahead-test"] ~ div > ul[role="listbox"] > li[id="option-0"]')).toContainText('red nose');
 

package/src/components/Atoms/Select/Select.js

@@ -78,6 +78,7 @@ const Select = React.forwardRef(
           error={errorMsg}
           defaultValue={defaultValue}
           required={optional === false}
+          aria-required={optional === false}
           hasValue={!!value}
           greyDescription={greyDescription}
           ref={ref}

package/src/components/Atoms/Select/__snapshots__/Select.test.js.snap

@@ -75,6 +75,7 @@ exports[`renders correctly 1`] = `
     size="s"
   />
   <select
+    aria-required={true}
     className="c3"
     defaultValue=""
     onChange={[Function]}