@noctuatech/uswds 1.5.4 → 1.5.6

package/src/lib/file-input/filename.ts

@@ -23,13 +23,13 @@ export function filenameFromResponse(response: Response): string {
 
   if (filenameStarMatch) {
     try {
-      let value = filenameStarMatch[1].trim().replace(/^"|"$/g, '');
+      let value = filenameStarMatch[1]!.trim().replace(/^"|"$/g, '');
 
       // Strip optional charset'lang' prefix (e.g., UTF-8''file.jpg)
       const starParts = value.split("''");
 
       if (starParts.length === 2) {
-        value = starParts[1];
+        value = starParts[1]!;
       }
 
       return decodeURIComponent(value);
@@ -43,7 +43,7 @@ export function filenameFromResponse(response: Response): string {
     contentDisposition.match(/filename\s*=\s*"([^"]+)"/i) || contentDisposition.match(/filename\s*=\s*([^;]+)/i);
 
   if (filenameMatch) {
-    return decodeURIComponent(filenameMatch[1].trim().replace(/^"|"$/g, ''));
+    return decodeURIComponent(filenameMatch[1]!.trim().replace(/^"|"$/g, ''));
   }
 
   return fallback;

package/src/lib/in-page-nav/in-page-nav.element.test.ts

@@ -1,13 +1,13 @@
 import './in-page-nav.element.js';
 import './in-page-nav-item/in-page-nav-item.element.js';
 
-import { assert, fixture, html } from '@open-wc/testing';
+import { assert, fixtureSync, html } from '@open-wc/testing';
 
 import type { USAInPageNavElement } from './in-page-nav.element.js';
 
 describe('usa-in-page-nav', () => {
   it('should be accessible', async () => {
-    const inPageNav = await fixture<USAInPageNavElement>(html`
+    const inPageNav = fixtureSync<USAInPageNavElement>(html`
       <usa-in-page-nav>
         <usa-in-page-nav-item target="lorem-ipsum-dolor" primary>Lorem ipsum dolor</usa-in-page-nav-item>
 

package/src/lib/input/input.element.test.ts

@@ -1,18 +1,18 @@
 import './input.element.js';
 
-import { assert, fixture, html } from '@open-wc/testing';
+import { assert, fixtureSync, html } from '@open-wc/testing';
 import { userEvent } from '@testing-library/user-event';
 import { USATextInputElement } from './input.element.js';
 
 describe('usa-input', () => {
   it('should be accessible', async () => {
-    const form = await fixture<HTMLFormElement>(html` <usa-input name="fname" value="Foo">Hello World</usa-input> `);
+    const form = fixtureSync<HTMLFormElement>(html` <usa-input name="fname" value="Foo">Hello World</usa-input> `);
 
     return assert.isAccessible(form);
   });
 
   it('should submit form with default values', async () => {
-    const form = await fixture<HTMLFormElement>(html`
+    const form = fixtureSync<HTMLFormElement>(html`
       <form>
         <usa-input name="fname" value="Foo">Hello World</usa-input>
 
@@ -26,9 +26,7 @@ describe('usa-input', () => {
   });
 
   it('should display default attribute value', async () => {
-    const input = await fixture<USATextInputElement>(html`
-      <usa-input name="fname" value="Foo">Hello World</usa-input>
-    `);
+    const input = fixtureSync<USATextInputElement>(html` <usa-input name="fname" value="Foo">Hello World</usa-input> `);
 
     const nativeInput = input.shadowRoot?.querySelector('input');
 
@@ -36,7 +34,7 @@ describe('usa-input', () => {
   });
 
   it('should update form value as input value changed', async () => {
-    const form = await fixture<HTMLFormElement>(html`
+    const form = fixtureSync<HTMLFormElement>(html`
       <form>
         <usa-input name="fname">Hello World</usa-input>
 
@@ -57,7 +55,7 @@ describe('usa-input', () => {
   });
 
   it('should not submit when not valid', async () => {
-    const form = await fixture<HTMLFormElement>(html`
+    const form = fixtureSync<HTMLFormElement>(html`
       <form>
         <usa-input name="fname" required>Hello World</usa-input>
 
@@ -65,6 +63,8 @@ describe('usa-input', () => {
       </form>
     `);
 
+    await Promise.resolve();
+
     assert.equal(form.checkValidity(), false);
   });
 });

package/src/lib/input-mask/input-mask.element.test.ts

@@ -1,7 +1,7 @@
 import './input-mask.element.js';
 import '../input/input.element.js';
 
-import { assert, fixture, html } from '@open-wc/testing';
+import { assert, fixtureSync, html } from '@open-wc/testing';
 
 import { format } from './format.js';
 import type { USAInputMaskElement } from './input-mask.element.js';
@@ -45,7 +45,7 @@ describe('format', () => {
 
 describe('usa-input-mask', () => {
   it('should format default value', async () => {
-    const el = await fixture<USAInputMaskElement>(html`
+    const el = fixtureSync<USAInputMaskElement>(html`
       <usa-input-mask mask="(999) 999-9999">
         <input name="phone" value="1234567890" mask />
       </usa-input-mask>
@@ -57,7 +57,7 @@ describe('usa-input-mask', () => {
   });
 
   it('should update value when on input event', async () => {
-    const el = await fixture<USAInputMaskElement>(html`
+    const el = fixtureSync<USAInputMaskElement>(html`
       <usa-input-mask>
         <input name="phone" mask="(999) 999-9999" />
       </usa-input-mask>
@@ -75,7 +75,7 @@ describe('usa-input-mask', () => {
 
 describe('usa-input-mask with usa-input', () => {
   it('should format default value', async () => {
-    const el = await fixture<USAInputMaskElement>(html`
+    const el = fixtureSync<USAInputMaskElement>(html`
       <usa-input-mask mask="(999) 999-9999">
         <usa-input name="phone" value="1234567890" id="TEST" mask></usa-input>
       </usa-input-mask>
@@ -87,7 +87,7 @@ describe('usa-input-mask with usa-input', () => {
   });
 
   it('should update value when on input event', async () => {
-    const el = await fixture<USAInputMaskElement>(html`
+    const el = fixtureSync<USAInputMaskElement>(html`
       <usa-input-mask>
         <usa-input name="phone" value="1234567890" mask="(999) 999-9999"></usa-input>
       </usa-input-mask>

package/src/lib/modal/modal-close/modal-close.element.test.ts

@@ -1,12 +1,12 @@
 import './modal-close.element.js';
 
-import { assert, fixture, html } from '@open-wc/testing';
+import { assert, fixtureSync, html } from '@open-wc/testing';
 
 import type { USAModalCloseElement } from './modal-close.element.js';
 
 describe('usa-modal-close', () => {
   it('should be accessible', async () => {
-    const modalClose = await fixture<USAModalCloseElement>(html` <usa-modal-close>Hello World</usa-modal-close> `);
+    const modalClose = fixtureSync<USAModalCloseElement>(html` <usa-modal-close>Hello World</usa-modal-close> `);
 
     return assert.isAccessible(modalClose);
   });

package/src/lib/modal/modal-heading/modal-heading.element.test.ts

@@ -1,12 +1,12 @@
 import './modal-heading.element.js';
 
-import { assert, fixture, html } from '@open-wc/testing';
+import { assert, fixtureSync, html } from '@open-wc/testing';
 
 import type { USAModalHeadingElement } from './modal-heading.element.js';
 
 describe('usa-modal-heading', () => {
   it('should be accessible', async () => {
-    const modalHeading = await fixture<USAModalHeadingElement>(html`
+    const modalHeading = fixtureSync<USAModalHeadingElement>(html`
       <usa-modal-heading>Hello World</usa-modal-heading>
     `);
 

package/src/lib/modal/modal.element.test.ts

@@ -2,13 +2,13 @@ import './modal.element.js';
 import './modal-heading/modal-heading.element.js';
 import './modal-close/modal-close.element.js';
 
-import { assert, fixture, html } from '@open-wc/testing';
+import { assert, fixtureSync, html } from '@open-wc/testing';
 
 import type { USAModalElement } from './modal.element.js';
 
 describe('usa-modal', () => {
   it('should be accessible', async () => {
-    const modal = await fixture<USAModalElement>(html`
+    const modal = fixtureSync<USAModalElement>(html`
       <usa-modal open>
         <usa-modal-close></usa-modal-close>
 
@@ -22,7 +22,7 @@ describe('usa-modal', () => {
   });
 
   it('should open modal if document level element with modal-target is clicked', async () => {
-    const container = await fixture<HTMLDivElement>(html`
+    const container = fixtureSync<HTMLDivElement>(html`
       <div>
         <button modal-target="test">OPEN</button>
 

package/src/lib/pagination/pagination.element.test.ts

@@ -1,12 +1,12 @@
 import './pagination.element.js';
 
-import { assert, fixture, html } from '@open-wc/testing';
+import { assert, fixtureSync, html } from '@open-wc/testing';
 
 import type { USAPaginationElement } from './pagination.element.js';
 
 describe('usa-pagination', () => {
   it('should be accessible', async () => {
-    const pagination = await fixture<USAPaginationElement>(html` <usa-pagination>Hello World</usa-pagination> `);
+    const pagination = fixtureSync<USAPaginationElement>(html` <usa-pagination>Hello World</usa-pagination> `);
 
     return assert.isAccessible(pagination);
   });

package/src/lib/process-list/process-list.element.test.ts

@@ -1,13 +1,13 @@
 import './process-list.element.js';
 import './process-list-item/process-list-item.element.js';
 
-import { assert, fixture, html } from '@open-wc/testing';
+import { assert, fixtureSync, html } from '@open-wc/testing';
 
 import type { USAProcessListElement } from './process-list.element.js';
 
 describe('usa-process-list', () => {
   it('should be accessible', async () => {
-    const processList = await fixture<USAProcessListElement>(html`
+    const processList = fixtureSync<USAProcessListElement>(html`
       <usa-process-list>
         <usa-process-list-item>
           <h4 slot="title">Start a process</h4>

package/src/lib/radio/radio-option/radio-option.element.test.ts

@@ -1,13 +1,13 @@
 import '../radio.element.js';
 import './radio-option.element.js';
 
-import { assert, fixture, html } from '@open-wc/testing';
+import { assert, fixtureSync, html } from '@open-wc/testing';
 
 import type { USARadioOptionElement } from './radio-option.element.js';
 
 describe('usa-radio-option', () => {
   it('should map value to slot', async () => {
-    const radio = await fixture<USARadioOptionElement>(html`
+    const radio = fixtureSync<USARadioOptionElement>(html`
       <usa-radio>
         <usa-radio-option value="first">First</usa-radio-option>
       </usa-radio>
@@ -15,6 +15,6 @@ describe('usa-radio-option', () => {
 
     const option = radio.querySelectorAll('usa-radio-option');
 
-    assert.equal(option[0].value, option[0].slot);
+    assert.equal(option[0]!.value, option[0]!.slot);
   });
 });

package/src/lib/radio/radio.element.test.ts

@@ -1,13 +1,13 @@
 import './radio.element.js';
 import './radio-option/radio-option.element.js';
 
-import { assert, fixture, html } from '@open-wc/testing';
+import { assert, fixtureSync, html } from '@open-wc/testing';
 
 import type { USARadioElement } from './radio.element.js';
 
 describe('usa-radio', () => {
   it('should be accessible', async () => {
-    const radio = await fixture<USARadioElement>(html`
+    const radio = fixtureSync<USARadioElement>(html`
       <usa-radio name="historical-figures" value="frederick-douglass" tiled>
         <usa-radio-option value="sojourner-truth"> Sojourner Truth </usa-radio-option>
 
@@ -23,7 +23,7 @@ describe('usa-radio', () => {
   });
 
   it('should create local inputs for each option', async () => {
-    const form = await fixture<HTMLFormElement>(html`
+    const form = fixtureSync<HTMLFormElement>(html`
       <form>
         <usa-radio name="historical-figures" value="frederick-douglass">
           <usa-radio-option value="sojourner-truth"> Sojourner Truth </usa-radio-option>
@@ -46,7 +46,7 @@ describe('usa-radio', () => {
   });
 
   it('should remove inputs when options are removed', async () => {
-    const form = await fixture<HTMLFormElement>(html`
+    const form = fixtureSync<HTMLFormElement>(html`
       <form>
         <usa-radio name="historical-figures" value="frederick-douglass">
           <usa-radio-option value="sojourner-truth"> Sojourner Truth </usa-radio-option>
@@ -62,7 +62,7 @@ describe('usa-radio', () => {
 
     const options = form.querySelectorAll('usa-radio-option');
 
-    options[2].remove();
+    options[2]!.remove();
 
     const nativeInputs = form.querySelector('usa-radio')?.shadowRoot?.querySelectorAll('input') ?? [];
 
@@ -73,7 +73,7 @@ describe('usa-radio', () => {
   });
 
   it('should submit form with default values', async () => {
-    const form = await fixture<HTMLFormElement>(html`
+    const form = fixtureSync<HTMLFormElement>(html`
       <form>
         <usa-radio name="historical-figures" value="frederick-douglass">
           <usa-radio-option value="sojourner-truth"> Sojourner Truth </usa-radio-option>
@@ -91,12 +91,12 @@ describe('usa-radio', () => {
 
     const nativeInputs = form.querySelector('usa-radio')?.shadowRoot?.querySelectorAll('input') ?? [];
 
-    assert.equal(nativeInputs[1].checked, true);
+    assert.equal(nativeInputs[1]!.checked, true);
     assert.equal(value.get('historical-figures'), 'frederick-douglass');
   });
 
   it('should submit form with changed value', async () => {
-    const form = await fixture<HTMLFormElement>(html`
+    const form = fixtureSync<HTMLFormElement>(html`
       <form>
         <usa-radio name="historical-figures" value="frederick-douglass">
           <usa-radio-option value="sojourner-truth"> Sojourner Truth </usa-radio-option>
@@ -112,7 +112,7 @@ describe('usa-radio', () => {
 
     const nativeInputs = form.querySelector('usa-radio')?.shadowRoot?.querySelectorAll('input') ?? [];
 
-    nativeInputs[3].click();
+    nativeInputs[3]!.click();
 
     const value = new FormData(form);
 

package/src/lib/range-slider/range-slider.element.test.ts

@@ -1,13 +1,13 @@
 import './range-slider.element.js';
 
-import { assert, fixture, html } from '@open-wc/testing';
+import { assert, fixtureSync, html } from '@open-wc/testing';
 import { userEvent } from '@testing-library/user-event';
 
 import type { USARangeSliderElement } from './range-slider.element.js';
 
 describe('usa-range-slider', () => {
   it('should be accessible', async () => {
-    const rangeSlider = await fixture<USARangeSliderElement>(html`
+    const rangeSlider = fixtureSync<USARangeSliderElement>(html`
       <usa-range-slider name="slider" value="0">Hello World</usa-range-slider>
     `);
 
@@ -15,7 +15,7 @@ describe('usa-range-slider', () => {
   });
 
   it('should submit form with default values', async () => {
-    const form = await fixture<HTMLFormElement>(html`
+    const form = fixtureSync<HTMLFormElement>(html`
       <form>
         <usa-range-slider name="slider" value="50">Hello World</usa-range-slider>
 
@@ -29,7 +29,7 @@ describe('usa-range-slider', () => {
   });
 
   it('should update form value as input value changed', async () => {
-    const form = await fixture<HTMLFormElement>(html`
+    const form = fixtureSync<HTMLFormElement>(html`
       <form>
         <usa-range-slider name="slider" value="50">Hello World</usa-range-slider>
 

package/src/lib/search/search.element.test.ts

@@ -2,19 +2,19 @@ import './search.element.js';
 import '../input/input.element.js';
 import '../button/button.element.js';
 
-import { assert, fixture, html } from '@open-wc/testing';
+import { assert, fixtureSync, html } from '@open-wc/testing';
 
 import type { USASearchElement } from './search.element.js';
 
 describe('usa-search', () => {
   it('should be accessible', async () => {
-    const search = await fixture<USASearchElement>(html` <usa-search name="search">Hello World</usa-search> `);
+    const search = fixtureSync<USASearchElement>(html` <usa-search name="search">Hello World</usa-search> `);
 
     return assert.isAccessible(search);
   });
 
   it('should have default attribute values', async () => {
-    const search = await fixture<USASearchElement>(html` <usa-search></usa-search> `);
+    const search = fixtureSync<USASearchElement>(html` <usa-search></usa-search> `);
 
     assert.equal(search.name, 'search');
     assert.equal(search.placeholder, 'Search');
@@ -25,7 +25,7 @@ describe('usa-search', () => {
   });
 
   it('should update attributes when changed', async () => {
-    const search = await fixture<USASearchElement>(html` <usa-search></usa-search> `);
+    const search = fixtureSync<USASearchElement>(html` <usa-search></usa-search> `);
 
     search.name = 'custom-name';
     search.placeholder = 'Custom Placeholder';
@@ -43,7 +43,7 @@ describe('usa-search', () => {
   });
 
   it('should handle form submission', async () => {
-    const search = await fixture<USASearchElement>(html` <usa-search></usa-search> `);
+    const search = fixtureSync<USASearchElement>(html` <usa-search></usa-search> `);
 
     let submitted = false;
 
@@ -60,7 +60,7 @@ describe('usa-search', () => {
   });
 
   it('should update value on input change', async () => {
-    const search = await fixture<USASearchElement>(html` <usa-search></usa-search> `);
+    const search = fixtureSync<USASearchElement>(html` <usa-search></usa-search> `);
 
     const input = search.shadowRoot?.querySelector('usa-input');
     input?.dispatchEvent(new Event('input', { bubbles: true }));

package/src/lib/select/select.element.test.ts

@@ -1,14 +1,14 @@
 import './select-option/select-option.element.js';
 import './select.element.js';
 
-import { assert, fixture, html } from '@open-wc/testing';
+import { assert, fixtureSync, html } from '@open-wc/testing';
 import { userEvent } from '@testing-library/user-event';
 
 import { USASelectElement } from './select.element.js';
 
 describe('usa-select', () => {
   it('should be accessible', async () => {
-    const el = await fixture<HTMLFormElement>(html`
+    const el = fixtureSync<HTMLFormElement>(html`
       <usa-select name="example">
         Hello World
 
@@ -22,7 +22,7 @@ describe('usa-select', () => {
   });
 
   it('should create local select options', async () => {
-    const form = await fixture<HTMLFormElement>(html`
+    const form = fixtureSync<HTMLFormElement>(html`
       <form>
         <usa-select name="example">
           Hello World
@@ -43,7 +43,7 @@ describe('usa-select', () => {
   });
 
   it('should remove select options when options are removed', async () => {
-    const form = await fixture<HTMLFormElement>(html`
+    const form = fixtureSync<HTMLFormElement>(html`
       <form>
         <usa-select name="example">
           Hello World
@@ -57,7 +57,7 @@ describe('usa-select', () => {
 
     const options = form.querySelectorAll('usa-select-option');
 
-    options[1].remove();
+    options[1]!.remove();
 
     const nativeInputs = form.querySelector('usa-select')?.shadowRoot?.querySelectorAll('option');
 
@@ -68,7 +68,7 @@ describe('usa-select', () => {
   });
 
   it('should submit form with default values', async () => {
-    const form = await fixture<HTMLFormElement>(html`
+    const form = fixtureSync<HTMLFormElement>(html`
       <form>
         <usa-select name="example" value="second">
           Hello World
@@ -86,7 +86,7 @@ describe('usa-select', () => {
   });
 
   it('should update form value as select value changed', async () => {
-    const form = await fixture<HTMLFormElement>(html`
+    const form = fixtureSync<HTMLFormElement>(html`
       <form>
         <usa-select name="example" value="second">
           Hello World
@@ -111,7 +111,7 @@ describe('usa-select', () => {
   });
 
   it('should not submit when not valid', async () => {
-    const form = await fixture<HTMLFormElement>(html`
+    const form = fixtureSync<HTMLFormElement>(html`
       <form>
         <usa-select id="TEST" name="example" required>
           Hello World
@@ -124,11 +124,13 @@ describe('usa-select', () => {
       </form>
     `);
 
+    await new Promise((resolve) => setTimeout(resolve));
+
     assert.equal(form.checkValidity(), false);
   });
 
   it('should be disabled when disabled attribute is set', async () => {
-    const select = await fixture<USASelectElement>(html`
+    const select = fixtureSync<USASelectElement>(html`
       <usa-select name="example" value="second" disabled>
         Hello World
 

package/src/lib/services/icon.service.ts

@@ -2,7 +2,7 @@ import { inject, injectable } from '@joist/di';
 
 import { USAConfig } from '../config/config.element.js';
 import { HttpService } from './http.service.js';
-import { USAIcon } from '../icon/icon-types.js';
+import { type USAIcon } from '../icon/icon-types.js';
 
 @injectable()
 export class IconService {

package/src/lib/side-nav/side-nav.element.test.ts

@@ -2,13 +2,13 @@ import '../link/link.element.js';
 import './side-nav.element.js';
 import './side-nav-item/side-nav-item.element.js';
 
-import { assert, fixture, html } from '@open-wc/testing';
+import { assert, fixtureSync, html } from '@open-wc/testing';
 
 import type { USASideNavElement } from './side-nav.element.js';
 
 describe('usa-side-nav', () => {
   it('should be accessible', async () => {
-    const sideNav = await fixture<USASideNavElement>(html`
+    const sideNav = fixtureSync<USASideNavElement>(html`
       <usa-side-nav>
         <usa-side-nav-item current>
           <usa-link href="#">Current Page</usa-link>
@@ -52,7 +52,7 @@ describe('usa-side-nav', () => {
   });
 
   it('should set child padding correctly', async () => {
-    const sideNav = await fixture<USASideNavElement>(html`
+    const sideNav = fixtureSync<USASideNavElement>(html`
       <usa-side-nav>
         <usa-side-nav-item current>
           <usa-link href="#">Current Page</usa-link>
@@ -94,8 +94,8 @@ describe('usa-side-nav', () => {
 
     const items = sideNav.querySelectorAll('usa-side-nav-item');
 
-    assert.equal(getComputedStyle(items[1]).getPropertyValue('--usa-nav-item-padding-left'), '2rem');
+    assert.equal(getComputedStyle(items[1]!).getPropertyValue('--usa-nav-item-padding-left'), '2rem');
 
-    assert.equal(getComputedStyle(items[3]).getPropertyValue('--usa-nav-item-padding-left'), '3rem');
+    assert.equal(getComputedStyle(items[3]!).getPropertyValue('--usa-nav-item-padding-left'), '3rem');
   });
 });

package/src/lib/step-indicator/step-indicator.element.test.ts

@@ -1,13 +1,13 @@
 import './step-indicator.element.js';
 import './step/step.element.js';
 
-import { assert, fixture, html } from '@open-wc/testing';
+import { assert, fixtureSync, html } from '@open-wc/testing';
 
 import type { USAStepIndicatorElement } from './step-indicator.element.js';
 
 describe('usa-step-indicator', () => {
   it('should be accessible', async () => {
-    const stepIndicator = await fixture<USAStepIndicatorElement>(html`
+    const stepIndicator = fixtureSync<USAStepIndicatorElement>(html`
       <usa-step-indicator>
         <usa-step state="complete" counter="on">Personal information</usa-step>
         <usa-step state="complete" counter="on">Household status</usa-step>

package/src/lib/summary-box/summary-box.element.test.ts

@@ -1,12 +1,12 @@
 import './summary-box.element.js';
 
-import { assert, fixture, html } from '@open-wc/testing';
+import { assert, fixtureSync, html } from '@open-wc/testing';
 
 import type { USASummaryBoxElement } from './summary-box.element.js';
 
 describe('usa-summary-box', () => {
   it('should be accessible', async () => {
-    const summaryBox = await fixture<USASummaryBoxElement>(html` <usa-summary-box>Hello World</usa-summary-box> `);
+    const summaryBox = fixtureSync<USASummaryBoxElement>(html` <usa-summary-box>Hello World</usa-summary-box> `);
 
     return assert.isAccessible(summaryBox);
   });

package/src/lib/tag/tag.element.test.ts

@@ -1,12 +1,12 @@
 import './tag.element.js';
 
-import { assert, fixture, html } from '@open-wc/testing';
+import { assert, fixtureSync, html } from '@open-wc/testing';
 
 import type { USATagElement } from './tag.element.js';
 
 describe('usa-tag', () => {
   it('should be accessible', async () => {
-    const tag = await fixture<USATagElement>(html` <usa-tag>Hello World</usa-tag> `);
+    const tag = fixtureSync<USATagElement>(html` <usa-tag>Hello World</usa-tag> `);
 
     return assert.isAccessible(tag);
   });

package/src/lib/textarea/textarea.element.test.ts

@@ -1,11 +1,11 @@
 import './textarea.element.js';
 
-import { assert, fixture, html } from '@open-wc/testing';
+import { assert, fixtureSync, html } from '@open-wc/testing';
 import { userEvent } from '@testing-library/user-event';
 
 describe('usa-textarea', () => {
   it('should be accessible', async () => {
-    const form = await fixture<HTMLFormElement>(html`
+    const form = fixtureSync<HTMLFormElement>(html`
       <usa-textarea name="fname" value="Foo">Hello World</usa-textarea>
     `);
 
@@ -13,7 +13,7 @@ describe('usa-textarea', () => {
   });
 
   it('should submit form with default values', async () => {
-    const form = await fixture<HTMLFormElement>(html`
+    const form = fixtureSync<HTMLFormElement>(html`
       <form>
         <usa-textarea name="fname" value="Foo">Hello World</usa-textarea>
 
@@ -27,7 +27,7 @@ describe('usa-textarea', () => {
   });
 
   it('should update form value as input value changed', async () => {
-    const form = await fixture<HTMLFormElement>(html`
+    const form = fixtureSync<HTMLFormElement>(html`
       <form>
         <usa-textarea name="fname">Hello World</usa-textarea>
 
@@ -48,7 +48,7 @@ describe('usa-textarea', () => {
   });
 
   it('should not submit when not valid', async () => {
-    const form = await fixture<HTMLFormElement>(html`
+    const form = fixtureSync<HTMLFormElement>(html`
       <form>
         <usa-textarea name="fname" required>Hello World</usa-textarea>
 
@@ -56,6 +56,8 @@ describe('usa-textarea', () => {
       </form>
     `);
 
+    await Promise.resolve();
+
     assert.equal(form.checkValidity(), false);
   });
 });

package/target/lib/accordion/accordion.element.d.ts

@@ -12,3 +12,4 @@ export declare class USAAccordionElement extends HTMLElement {
     onClick(e: Event): void;
     onAccordionToggle(e: USAAccordionToggleEvent): void;
 }
+//# sourceMappingURL=accordion.element.d.ts.map