@ons/design-system 67.2.0 → 69.0.0

package/components/modal/modal.spec.js

@@ -25,12 +25,12 @@ describe('script: modal', () => {
     });
 
     it('displays the modal', async () => {
-      const modalIsVisible = await page.$eval('.ons-modal', node => node.classList.contains('ons-u-db'));
+      const modalIsVisible = await page.$eval('.ons-modal', (node) => node.classList.contains('ons-u-db'));
       expect(modalIsVisible).toBe(true);
     });
 
     it('has the correct body class added', async () => {
-      const bodyClassAddition = await page.$eval('body', node => node.classList.contains('ons-modal-overlay'));
+      const bodyClassAddition = await page.$eval('body', (node) => node.classList.contains('ons-modal-overlay'));
       expect(bodyClassAddition).toBe(true);
     });
 
@@ -41,12 +41,12 @@ describe('script: modal', () => {
       });
 
       it('hides the modal', async () => {
-        const modalIsVisible = await page.$eval('.ons-modal', node => node.classList.contains('ons-u-db'));
+        const modalIsVisible = await page.$eval('.ons-modal', (node) => node.classList.contains('ons-u-db'));
         expect(modalIsVisible).toBe(false);
       });
 
       it('has the body class removed', async () => {
-        const bodyClassAddition = await page.$eval('body', node => node.classList.contains('ons-modal-overlay'));
+        const bodyClassAddition = await page.$eval('body', (node) => node.classList.contains('ons-modal-overlay'));
         expect(bodyClassAddition).toBe(false);
       });
 
@@ -64,7 +64,7 @@ describe('script: modal', () => {
       });
 
       it('closes the modal', async () => {
-        const modalIsVisible = await page.$eval('.ons-modal', node => node.classList.contains('ons-u-db'));
+        const modalIsVisible = await page.$eval('.ons-modal', (node) => node.classList.contains('ons-u-db'));
         expect(modalIsVisible).toBe(false);
       });
     });

package/components/mutually-exclusive/_macro.spec.js

@@ -123,11 +123,7 @@ describe('macro: mutually-exclusive', () => {
     it('renders visually hidden "Or" label', () => {
       const $ = cheerio.load(renderComponent('mutually-exclusive', EXAMPLE_MUTUALLY_EXCLUSIVE, FAKE_FIELD));
 
-      expect(
-        $('.ons-checkboxes__label')
-          .text()
-          .trim(),
-      ).toBe('Or');
+      expect($('.ons-checkboxes__label').text().trim()).toBe('Or');
     });
 
     it('renders a checkbox component with the expected parameters', () => {
@@ -159,11 +155,7 @@ describe('macro: mutually-exclusive', () => {
     it('renders visually hidden "Or" label', () => {
       const $ = cheerio.load(renderComponent('mutually-exclusive', EXAMPLE_MUTUALLY_EXCLUSIVE_RADIOS, FAKE_FIELD));
 
-      expect(
-        $('.ons-checkboxes__label')
-          .text()
-          .trim(),
-      ).toBe('Or');
+      expect($('.ons-checkboxes__label').text().trim()).toBe('Or');
     });
 
     it('renders a radios component with the expected parameters', () => {

package/components/mutually-exclusive/mutually-exclusive.checkboxes.spec.js

@@ -80,22 +80,22 @@ describe('script: mutually-exclusive', () => {
         });
 
         it('then the mutually exclusive option is checked', async () => {
-          const isChecked = await page.$eval('#no-central-heating', node => node.checked);
+          const isChecked = await page.$eval('#no-central-heating', (node) => node.checked);
           expect(isChecked).toBe(true);
         });
 
         it('then the checkboxes are not checked', async () => {
-          expect(await page.$eval('#gas', node => node.checked)).toBe(false);
-          expect(await page.$eval('#electric', node => node.checked)).toBe(false);
-          expect(await page.$eval('#solid-fuel', node => node.checked)).toBe(false);
-          expect(await page.$eval('#other-fuel', node => node.checked)).toBe(false);
-          expect(await page.$eval('#other-fuel-textbox', node => node.value)).toBe('');
+          expect(await page.$eval('#gas', (node) => node.checked)).toBe(false);
+          expect(await page.$eval('#electric', (node) => node.checked)).toBe(false);
+          expect(await page.$eval('#solid-fuel', (node) => node.checked)).toBe(false);
+          expect(await page.$eval('#other-fuel', (node) => node.checked)).toBe(false);
+          expect(await page.$eval('#other-fuel-textbox', (node) => node.value)).toBe('');
         });
 
         it('then the aria-live message should reflect the removed non exclusive options', async () => {
           await page.waitForTimeout(SCREEN_READER_TIMEOUT_DELAY);
 
-          const alertText = await page.$eval('.ons-js-exclusive-alert', node => node.textContent);
+          const alertText = await page.$eval('.ons-js-exclusive-alert', (node) => node.textContent);
           expect(alertText).toBe('Gas deselected. Electric deselected. Other deselected. Please specify deselected.');
         });
       });
@@ -114,20 +114,20 @@ describe('script: mutually-exclusive', () => {
         });
 
         it('then the expected checkboxes are checked', async () => {
-          expect(await page.$eval('#gas', node => node.checked)).toBe(true);
-          expect(await page.$eval('#electric', node => node.checked)).toBe(true);
-          expect(await page.$eval('#solid-fuel', node => node.checked)).toBe(false);
-          expect(await page.$eval('#other-fuel', node => node.checked)).toBe(true);
+          expect(await page.$eval('#gas', (node) => node.checked)).toBe(true);
+          expect(await page.$eval('#electric', (node) => node.checked)).toBe(true);
+          expect(await page.$eval('#solid-fuel', (node) => node.checked)).toBe(false);
+          expect(await page.$eval('#other-fuel', (node) => node.checked)).toBe(true);
         });
 
         it('then the exclusive option should not be checked', async () => {
-          expect(await page.$eval('#no-central-heating', node => node.checked)).toBe(false);
+          expect(await page.$eval('#no-central-heating', (node) => node.checked)).toBe(false);
         });
 
         it('then the aria-live message should reflect the removed exclusive option', async () => {
           await page.waitForTimeout(SCREEN_READER_TIMEOUT_DELAY);
 
-          const alertText = await page.$eval('.ons-js-exclusive-alert', node => node.textContent);
+          const alertText = await page.$eval('.ons-js-exclusive-alert', (node) => node.textContent);
           expect(alertText).toBe('No central heating deselected.');
         });
 
@@ -139,7 +139,7 @@ describe('script: mutually-exclusive', () => {
           it('the aria-live message should not be updated', async () => {
             await page.waitForTimeout(SCREEN_READER_TIMEOUT_DELAY);
 
-            const alertText = await page.$eval('.ons-js-exclusive-alert', node => node.textContent);
+            const alertText = await page.$eval('.ons-js-exclusive-alert', (node) => node.textContent);
             expect(alertText).toBe('No central heating deselected.');
           });
         });
@@ -155,20 +155,20 @@ describe('script: mutually-exclusive', () => {
         });
 
         it('then the expected checkboxes are checked', async () => {
-          expect(await page.$eval('#gas', node => node.checked)).toBe(true);
-          expect(await page.$eval('#electric', node => node.checked)).toBe(true);
-          expect(await page.$eval('#solid-fuel', node => node.checked)).toBe(false);
-          expect(await page.$eval('#other-fuel', node => node.checked)).toBe(true);
+          expect(await page.$eval('#gas', (node) => node.checked)).toBe(true);
+          expect(await page.$eval('#electric', (node) => node.checked)).toBe(true);
+          expect(await page.$eval('#solid-fuel', (node) => node.checked)).toBe(false);
+          expect(await page.$eval('#other-fuel', (node) => node.checked)).toBe(true);
         });
 
         it('then the exclusive option should not be checked', async () => {
-          expect(await page.$eval('#no-central-heating', node => node.checked)).toBe(false);
+          expect(await page.$eval('#no-central-heating', (node) => node.checked)).toBe(false);
         });
 
         it('then the aria-live message should say nothing', async () => {
           await page.waitForTimeout(SCREEN_READER_TIMEOUT_DELAY);
 
-          const alertText = await page.$eval('.ons-js-exclusive-alert', node => node.textContent);
+          const alertText = await page.$eval('.ons-js-exclusive-alert', (node) => node.textContent);
           expect(alertText).toBe('');
         });
       });
@@ -181,20 +181,20 @@ describe('script: mutually-exclusive', () => {
         });
 
         it('then the expected checkboxes are not checked', async () => {
-          expect(await page.$eval('#gas', node => node.checked)).toBe(false);
-          expect(await page.$eval('#electric', node => node.checked)).toBe(false);
-          expect(await page.$eval('#solid-fuel', node => node.checked)).toBe(false);
-          expect(await page.$eval('#other-fuel', node => node.checked)).toBe(false);
+          expect(await page.$eval('#gas', (node) => node.checked)).toBe(false);
+          expect(await page.$eval('#electric', (node) => node.checked)).toBe(false);
+          expect(await page.$eval('#solid-fuel', (node) => node.checked)).toBe(false);
+          expect(await page.$eval('#other-fuel', (node) => node.checked)).toBe(false);
         });
 
         it('then the exclusive option should be checked', async () => {
-          expect(await page.$eval('#no-central-heating', node => node.checked)).toBe(true);
+          expect(await page.$eval('#no-central-heating', (node) => node.checked)).toBe(true);
         });
 
         it('then the aria-live message should say nothing', async () => {
           await page.waitForTimeout(SCREEN_READER_TIMEOUT_DELAY);
 
-          const alertText = await page.$eval('.ons-js-exclusive-alert', node => node.textContent);
+          const alertText = await page.$eval('.ons-js-exclusive-alert', (node) => node.textContent);
           expect(alertText).toBe('');
         });
       });

package/components/mutually-exclusive/mutually-exclusive.date.spec.js

@@ -61,23 +61,23 @@ describe('script: mutually-exclusive', () => {
         });
 
         it('then the mutually exclusive option should be checked', async () => {
-          const isChecked = await page.$eval('#date-exclusive-exclusive-option', node => node.checked);
+          const isChecked = await page.$eval('#date-exclusive-exclusive-option', (node) => node.checked);
           expect(isChecked).toBe(true);
         });
 
         it('then the date input should be cleared', async () => {
-          const dayValue = await page.$eval('#date-mutually-exclusive-day', node => node.value);
+          const dayValue = await page.$eval('#date-mutually-exclusive-day', (node) => node.value);
           expect(dayValue).toBe('');
-          const monthValue = await page.$eval('#date-mutually-exclusive-month', node => node.value);
+          const monthValue = await page.$eval('#date-mutually-exclusive-month', (node) => node.value);
           expect(monthValue).toBe('');
-          const yearValue = await page.$eval('#date-mutually-exclusive-year', node => node.value);
+          const yearValue = await page.$eval('#date-mutually-exclusive-year', (node) => node.value);
           expect(yearValue).toBe('');
         });
 
         it('then the aria alert should tell the user that the date input has been cleared', async () => {
           await page.waitForTimeout(SCREEN_READER_TIMEOUT_DELAY);
 
-          const alertText = await page.$eval('.ons-js-exclusive-alert', node => node.textContent);
+          const alertText = await page.$eval('.ons-js-exclusive-alert', (node) => node.textContent);
           expect(alertText).toBe('Day cleared. Month cleared. Year cleared.');
         });
       });
@@ -96,14 +96,14 @@ describe('script: mutually-exclusive', () => {
         });
 
         it('then the mutually exclusive option should be checked', async () => {
-          const isChecked = await page.$eval('#date-exclusive-exclusive-option', node => node.checked);
+          const isChecked = await page.$eval('#date-exclusive-exclusive-option', (node) => node.checked);
           expect(isChecked).toBe(false);
         });
 
         it('then the aria alert should tell the user that the exclusive option has been unchecked', async () => {
           await page.waitForTimeout(SCREEN_READER_TIMEOUT_DELAY);
 
-          const alertText = await page.$eval('.ons-js-exclusive-alert', node => node.textContent);
+          const alertText = await page.$eval('.ons-js-exclusive-alert', (node) => node.textContent);
           expect(alertText).toBe('I have never had a paid job deselected.');
         });
       });
@@ -120,7 +120,7 @@ describe('script: mutually-exclusive', () => {
         it('then the aria alert shouldnt say anything', async () => {
           await page.waitForTimeout(SCREEN_READER_TIMEOUT_DELAY);
 
-          const alertText = await page.$eval('.ons-js-exclusive-alert', node => node.textContent);
+          const alertText = await page.$eval('.ons-js-exclusive-alert', (node) => node.textContent);
           expect(alertText).toBe('');
         });
       });
@@ -133,7 +133,7 @@ describe('script: mutually-exclusive', () => {
         it('then the aria alert shouldnt say anything', async () => {
           await page.waitForTimeout(SCREEN_READER_TIMEOUT_DELAY);
 
-          const alertText = await page.$eval('.ons-js-exclusive-alert', node => node.textContent);
+          const alertText = await page.$eval('.ons-js-exclusive-alert', (node) => node.textContent);
           expect(alertText).toBe('');
         });
       });

package/components/mutually-exclusive/mutually-exclusive.dom.js

@@ -8,7 +8,7 @@ async function mutuallyExclusiveInputs() {
   if (exclusiveWrapperElements.length) {
     const MutuallyExclusive = (await import('./mutually-exclusive')).default;
 
-    exclusiveWrapperElements.forEach(element => new MutuallyExclusive(element));
+    exclusiveWrapperElements.forEach((element) => new MutuallyExclusive(element));
   }
 }
 

package/components/mutually-exclusive/mutually-exclusive.duration.spec.js

@@ -66,21 +66,21 @@ describe('script: mutually-exclusive', () => {
         });
 
         it('then the mutually exclusive option should be checked', async () => {
-          const isChecked = await page.$eval('#duration-exclusive-option', node => node.checked);
+          const isChecked = await page.$eval('#duration-exclusive-option', (node) => node.checked);
           expect(isChecked).toBe(true);
         });
 
         it('then the inputs should be cleared', async () => {
-          const yearsValue = await page.$eval('#address-duration-years', node => node.value);
+          const yearsValue = await page.$eval('#address-duration-years', (node) => node.value);
           expect(yearsValue).toBe('');
-          const monthsValue = await page.$eval('#address-duration-months', node => node.value);
+          const monthsValue = await page.$eval('#address-duration-months', (node) => node.value);
           expect(monthsValue).toBe('');
         });
 
         it('then the aria alert should tell the user that the inputs have been cleared', async () => {
           await page.waitForTimeout(SCREEN_READER_TIMEOUT_DELAY);
 
-          const alertText = await page.$eval('.ons-js-exclusive-alert', node => node.textContent);
+          const alertText = await page.$eval('.ons-js-exclusive-alert', (node) => node.textContent);
           expect(alertText).toBe('Years cleared. Months cleared.');
         });
       });
@@ -98,14 +98,14 @@ describe('script: mutually-exclusive', () => {
         });
 
         it('then the exclusive option should be unchecked', async () => {
-          const isChecked = await page.$eval('#duration-exclusive-option', node => node.checked);
+          const isChecked = await page.$eval('#duration-exclusive-option', (node) => node.checked);
           expect(isChecked).toBe(false);
         });
 
         it('then the aria alert should tell the user that the exclusive option has been unchecked', async () => {
           await page.waitForTimeout(SCREEN_READER_TIMEOUT_DELAY);
 
-          const alertText = await page.$eval('.ons-js-exclusive-alert', node => node.textContent);
+          const alertText = await page.$eval('.ons-js-exclusive-alert', (node) => node.textContent);
           expect(alertText).toBe('I have not moved in to this address yet deselected.');
         });
       });
@@ -121,7 +121,7 @@ describe('script: mutually-exclusive', () => {
         it('then the aria alert shouldnt say anything', async () => {
           await page.waitForTimeout(SCREEN_READER_TIMEOUT_DELAY);
 
-          const alertText = await page.$eval('.ons-js-exclusive-alert', node => node.textContent);
+          const alertText = await page.$eval('.ons-js-exclusive-alert', (node) => node.textContent);
           expect(alertText).toBe('');
         });
       });
@@ -134,7 +134,7 @@ describe('script: mutually-exclusive', () => {
         it('then the aria alert shouldnt say anything', async () => {
           await page.waitForTimeout(SCREEN_READER_TIMEOUT_DELAY);
 
-          const alertText = await page.$eval('.ons-js-exclusive-alert', node => node.textContent);
+          const alertText = await page.$eval('.ons-js-exclusive-alert', (node) => node.textContent);
           expect(alertText).toBe('');
         });
       });

package/components/mutually-exclusive/mutually-exclusive.email.spec.js

@@ -44,19 +44,19 @@ describe('script: mutually-exclusive', () => {
         });
 
         it('then the mutually exclusive option should be checked', async () => {
-          const isChecked = await page.$eval('#email-exclusive-option', node => node.checked);
+          const isChecked = await page.$eval('#email-exclusive-option', (node) => node.checked);
           expect(isChecked).toBe(true);
         });
 
         it('then the email input should be cleared', async () => {
-          const inputValue = await page.$eval('#email', node => node.value);
+          const inputValue = await page.$eval('#email', (node) => node.value);
           expect(inputValue).toBe('');
         });
 
         it('then the aria alert should tell the user that the email input has been cleared', async () => {
           await page.waitForTimeout(SCREEN_READER_TIMEOUT_DELAY);
 
-          const alertText = await page.$eval('.ons-js-exclusive-alert', node => node.textContent);
+          const alertText = await page.$eval('.ons-js-exclusive-alert', (node) => node.textContent);
           expect(alertText).toBe('Enter an email cleared.');
         });
       });
@@ -73,14 +73,14 @@ describe('script: mutually-exclusive', () => {
         });
 
         it('then the exclusive option should be unchecked', async () => {
-          const isChecked = await page.$eval('#email-exclusive-option', node => node.checked);
+          const isChecked = await page.$eval('#email-exclusive-option', (node) => node.checked);
           expect(isChecked).toBe(false);
         });
 
         it('then the aria alert should tell the user that the exclusive option has been unchecked', async () => {
           await page.waitForTimeout(SCREEN_READER_TIMEOUT_DELAY);
 
-          const alertText = await page.$eval('.ons-js-exclusive-alert', node => node.textContent);
+          const alertText = await page.$eval('.ons-js-exclusive-alert', (node) => node.textContent);
           expect(alertText).toBe('I dont want to receive a confirmation email deselected.');
         });
       });
@@ -95,7 +95,7 @@ describe('script: mutually-exclusive', () => {
         it('then the aria alert shouldnt say anything', async () => {
           await page.waitForTimeout(SCREEN_READER_TIMEOUT_DELAY);
 
-          const alertText = await page.$eval('.ons-js-exclusive-alert', node => node.textContent);
+          const alertText = await page.$eval('.ons-js-exclusive-alert', (node) => node.textContent);
           expect(alertText).toBe('');
         });
       });
@@ -108,7 +108,7 @@ describe('script: mutually-exclusive', () => {
         it('then the aria alert shouldnt say anything', async () => {
           await page.waitForTimeout(SCREEN_READER_TIMEOUT_DELAY);
 
-          const alertText = await page.$eval('.ons-js-exclusive-alert', node => node.textContent);
+          const alertText = await page.$eval('.ons-js-exclusive-alert', (node) => node.textContent);
           expect(alertText).toBe('');
         });
       });

package/components/mutually-exclusive/mutually-exclusive.js

@@ -12,7 +12,7 @@ export default class MutuallyExclusive {
 
     const groupInputs = [...context.getElementsByClassName(exclusiveGroupItemClass)];
     this.numberOfGroupInputs = groupInputs.length;
-    this.groupInputs = groupInputs.map(element => ({
+    this.groupInputs = groupInputs.map((element) => ({
       element,
       labelText: this.getElementLabelText(element),
       hasValue: this.inputHasValue(element),
@@ -21,7 +21,7 @@ export default class MutuallyExclusive {
 
     const exclusiveElements = [...context.getElementsByClassName(optionClass)];
     this.numberOfExclusiveElements = exclusiveElements.length;
-    this.exclusiveElements = exclusiveElements.map(element => ({
+    this.exclusiveElements = exclusiveElements.map((element) => ({
       element,
       label: context.querySelector(`label[for=${element.id}]`),
       labelText: this.getElementLabelText(element),
@@ -39,14 +39,14 @@ export default class MutuallyExclusive {
   }
 
   bindEventListeners() {
-    this.allInputs.forEach(input => {
+    this.allInputs.forEach((input) => {
       const event = ['checkbox', 'radio'].includes(input.element.type) ? 'click' : 'input';
       input.element.addEventListener(event, () => this.handleValueChange(input));
     });
   }
 
   handleValueChange(input) {
-    const previousSelectedValues = this.allInputs.filter(input => input.hasValue).map(input => input.labelText);
+    const previousSelectedValues = this.allInputs.filter((input) => input.hasValue).map((input) => input.labelText);
     let adjective;
 
     input.hasValue = this.inputHasValue(input.element);
@@ -57,8 +57,8 @@ export default class MutuallyExclusive {
         adjective = this.groupAdjective;
 
         this.allInputs
-          .filter(input => !input.exclusive)
-          .forEach(input => {
+          .filter((input) => !input.exclusive)
+          .forEach((input) => {
             input.hasValue = false;
 
             if (['checkbox', 'radio'].includes(input.element.type)) {
@@ -70,10 +70,10 @@ export default class MutuallyExclusive {
             }
           });
       } else if (!input.exclusive) {
-        const inputs = this.allInputs.filter(input => input.exclusive);
+        const inputs = this.allInputs.filter((input) => input.exclusive);
         adjective = this.optionAttrAdjective;
 
-        inputs.forEach(input => {
+        inputs.forEach((input) => {
           input.hasValue = false;
           input.element.checked = false;
         });
@@ -81,8 +81,8 @@ export default class MutuallyExclusive {
         this.triggerEvent(input.element, 'change');
       }
 
-      const updatedSelectedValues = this.allInputs.filter(input => input.hasValue).map(input => input.labelText);
-      const deselectedValues = previousSelectedValues.filter(labelText => !updatedSelectedValues.includes(labelText));
+      const updatedSelectedValues = this.allInputs.filter((input) => input.hasValue).map((input) => input.labelText);
+      const deselectedValues = previousSelectedValues.filter((labelText) => !updatedSelectedValues.includes(labelText));
 
       this.setDeselectMessage();
 
@@ -113,7 +113,7 @@ export default class MutuallyExclusive {
       } else if (label.classList.contains(inputLegendClass) && label.querySelector('h1')) {
         labelText = label.querySelector('h1').innerText;
       } else {
-        labelText = [...label.childNodes].filter(node => node.nodeType === 3 && node.textContent.trim())[0].textContent.trim();
+        labelText = [...label.childNodes].filter((node) => node.nodeType === 3 && node.textContent.trim())[0].textContent.trim();
       }
     }
 
@@ -129,7 +129,7 @@ export default class MutuallyExclusive {
   }
 
   setAriaLive(deselectedValues, adjective) {
-    const deselectionMessage = deselectedValues.map(label => `${label} ${adjective}.`).join(' ');
+    const deselectionMessage = deselectedValues.map((label) => `${label} ${adjective}.`).join(' ');
 
     // Only update aria-live if value changes to prevent typing from clearing the message before it's read
     if (deselectionMessage) {
@@ -138,7 +138,7 @@ export default class MutuallyExclusive {
   }
 
   setDeselectMessage() {
-    const groupElementSelected = this.groupInputs.find(input => input.hasValue);
+    const groupElementSelected = this.groupInputs.find((input) => input.hasValue);
 
     if (!this.deselectMessageElement && groupElementSelected) {
       const deselectMessageElement = document.createElement('span');

package/components/mutually-exclusive/mutually-exclusive.multiple-options.checkboxes.spec.js

@@ -87,22 +87,22 @@ describe('script: mutually-exclusive', () => {
         });
 
         it('then the mutually exclusive option is checked', async () => {
-          const isChecked = await page.$eval('#dont-know', node => node.checked);
+          const isChecked = await page.$eval('#dont-know', (node) => node.checked);
           expect(isChecked).toBe(true);
         });
 
         it('then the checkboxes are not checked', async () => {
-          expect(await page.$eval('#gas', node => node.checked)).toBe(false);
-          expect(await page.$eval('#electric', node => node.checked)).toBe(false);
-          expect(await page.$eval('#solid-fuel', node => node.checked)).toBe(false);
-          expect(await page.$eval('#other-fuel', node => node.checked)).toBe(false);
-          expect(await page.$eval('#other-fuel-textbox', node => node.value)).toBe('');
+          expect(await page.$eval('#gas', (node) => node.checked)).toBe(false);
+          expect(await page.$eval('#electric', (node) => node.checked)).toBe(false);
+          expect(await page.$eval('#solid-fuel', (node) => node.checked)).toBe(false);
+          expect(await page.$eval('#other-fuel', (node) => node.checked)).toBe(false);
+          expect(await page.$eval('#other-fuel-textbox', (node) => node.value)).toBe('');
         });
 
         it('then the aria-live message should reflect the removed non exclusive options', async () => {
           await page.waitForTimeout(SCREEN_READER_TIMEOUT_DELAY);
 
-          const alertText = await page.$eval('.ons-js-exclusive-alert', node => node.textContent);
+          const alertText = await page.$eval('.ons-js-exclusive-alert', (node) => node.textContent);
           expect(alertText).toBe('Gas deselected. Electric deselected. Other deselected. Please specify deselected.');
         });
       });
@@ -121,21 +121,21 @@ describe('script: mutually-exclusive', () => {
         });
 
         it('then the expected checkboxes are checked', async () => {
-          expect(await page.$eval('#gas', node => node.checked)).toBe(true);
-          expect(await page.$eval('#electric', node => node.checked)).toBe(true);
-          expect(await page.$eval('#solid-fuel', node => node.checked)).toBe(false);
-          expect(await page.$eval('#other-fuel', node => node.checked)).toBe(true);
+          expect(await page.$eval('#gas', (node) => node.checked)).toBe(true);
+          expect(await page.$eval('#electric', (node) => node.checked)).toBe(true);
+          expect(await page.$eval('#solid-fuel', (node) => node.checked)).toBe(false);
+          expect(await page.$eval('#other-fuel', (node) => node.checked)).toBe(true);
         });
 
         it('then the exclusive options should not be checked', async () => {
-          expect(await page.$eval('#no-central-heating', node => node.checked)).toBe(false);
-          expect(await page.$eval('#dont-know', node => node.checked)).toBe(false);
+          expect(await page.$eval('#no-central-heating', (node) => node.checked)).toBe(false);
+          expect(await page.$eval('#dont-know', (node) => node.checked)).toBe(false);
         });
 
         it('then the aria-live message should reflect the removed exclusive option', async () => {
           await page.waitForTimeout(SCREEN_READER_TIMEOUT_DELAY);
 
-          const alertText = await page.$eval('.ons-js-exclusive-alert', node => node.textContent);
+          const alertText = await page.$eval('.ons-js-exclusive-alert', (node) => node.textContent);
           expect(alertText).toBe('Dont know deselected.');
         });
 
@@ -147,7 +147,7 @@ describe('script: mutually-exclusive', () => {
           it('the aria-live message should not be updated', async () => {
             await page.waitForTimeout(SCREEN_READER_TIMEOUT_DELAY);
 
-            const alertText = await page.$eval('.ons-js-exclusive-alert', node => node.textContent);
+            const alertText = await page.$eval('.ons-js-exclusive-alert', (node) => node.textContent);
             expect(alertText).toBe('Dont know deselected.');
           });
         });
@@ -163,21 +163,21 @@ describe('script: mutually-exclusive', () => {
         });
 
         it('then the expected checkboxes are checked', async () => {
-          expect(await page.$eval('#gas', node => node.checked)).toBe(true);
-          expect(await page.$eval('#electric', node => node.checked)).toBe(true);
-          expect(await page.$eval('#solid-fuel', node => node.checked)).toBe(false);
-          expect(await page.$eval('#other-fuel', node => node.checked)).toBe(true);
+          expect(await page.$eval('#gas', (node) => node.checked)).toBe(true);
+          expect(await page.$eval('#electric', (node) => node.checked)).toBe(true);
+          expect(await page.$eval('#solid-fuel', (node) => node.checked)).toBe(false);
+          expect(await page.$eval('#other-fuel', (node) => node.checked)).toBe(true);
         });
 
         it('then the exclusive options should not be checked', async () => {
-          expect(await page.$eval('#no-central-heating', node => node.checked)).toBe(false);
-          expect(await page.$eval('#dont-know', node => node.checked)).toBe(false);
+          expect(await page.$eval('#no-central-heating', (node) => node.checked)).toBe(false);
+          expect(await page.$eval('#dont-know', (node) => node.checked)).toBe(false);
         });
 
         it('then the aria-live message should say nothing', async () => {
           await page.waitForTimeout(SCREEN_READER_TIMEOUT_DELAY);
 
-          const alertText = await page.$eval('.ons-js-exclusive-alert', node => node.textContent);
+          const alertText = await page.$eval('.ons-js-exclusive-alert', (node) => node.textContent);
           expect(alertText).toBe('');
         });
       });
@@ -190,21 +190,21 @@ describe('script: mutually-exclusive', () => {
         });
 
         it('then the expected checkboxes are not checked', async () => {
-          expect(await page.$eval('#gas', node => node.checked)).toBe(false);
-          expect(await page.$eval('#electric', node => node.checked)).toBe(false);
-          expect(await page.$eval('#solid-fuel', node => node.checked)).toBe(false);
-          expect(await page.$eval('#other-fuel', node => node.checked)).toBe(false);
+          expect(await page.$eval('#gas', (node) => node.checked)).toBe(false);
+          expect(await page.$eval('#electric', (node) => node.checked)).toBe(false);
+          expect(await page.$eval('#solid-fuel', (node) => node.checked)).toBe(false);
+          expect(await page.$eval('#other-fuel', (node) => node.checked)).toBe(false);
         });
 
         it('then the exclusive option should be checked', async () => {
-          expect(await page.$eval('#no-central-heating', node => node.checked)).toBe(false);
-          expect(await page.$eval('#dont-know', node => node.checked)).toBe(true);
+          expect(await page.$eval('#no-central-heating', (node) => node.checked)).toBe(false);
+          expect(await page.$eval('#dont-know', (node) => node.checked)).toBe(true);
         });
 
         it('then the aria-live message should say nothing', async () => {
           await page.waitForTimeout(SCREEN_READER_TIMEOUT_DELAY);
 
-          const alertText = await page.$eval('.ons-js-exclusive-alert', node => node.textContent);
+          const alertText = await page.$eval('.ons-js-exclusive-alert', (node) => node.textContent);
           expect(alertText).toBe('');
         });
       });