diff --git a/packages/nimble-components/src/combobox/tests/combobox.spec.ts b/packages/nimble-components/src/combobox/tests/combobox.spec.ts index 5c7f887cc7..c558d3a055 100644 --- a/packages/nimble-components/src/combobox/tests/combobox.spec.ts +++ b/packages/nimble-components/src/combobox/tests/combobox.spec.ts @@ -3,7 +3,10 @@ import { parameterizeSpec, parameterizeSuite } from '@ni/jasmine-parameterized'; import { fixture, Fixture } from '../../utilities/tests/fixture'; import { Combobox, comboboxTag } from '..'; import { ComboboxAutocomplete } from '../types'; -import { processUpdates, waitForUpdatesAsync } from '../../testing/async-helpers'; +import { + processUpdates, + waitForUpdatesAsync +} from '../../testing/async-helpers'; import { checkFullyInViewport } from '../../utilities/tests/intersection-observer'; import { listOptionTag } from '../../list-option'; import { ComboboxPageObject } from '../testing/combobox.pageobject'; diff --git a/packages/nimble-components/src/patterns/required-visible/template.ts b/packages/nimble-components/src/patterns/required-visible/template.ts index a8ff205c74..59d681eb15 100644 --- a/packages/nimble-components/src/patterns/required-visible/template.ts +++ b/packages/nimble-components/src/patterns/required-visible/template.ts @@ -9,9 +9,12 @@ export function getRequiredVisibleLabelTemplate( return html`
${labelTemplate} - ${when(x => x.requiredVisible, html` + ${when( + x => x.requiredVisible, + html` <${iconAsteriskTag} class="required-icon" severity="error"> - `)} + ` + )}
`; } diff --git a/packages/nimble-components/src/patterns/required-visible/testing/required-visible-pattern.pageobject.ts b/packages/nimble-components/src/patterns/required-visible/testing/required-visible-pattern.pageobject.ts index c9ca0ced86..5811605615 100644 --- a/packages/nimble-components/src/patterns/required-visible/testing/required-visible-pattern.pageobject.ts +++ b/packages/nimble-components/src/patterns/required-visible/testing/required-visible-pattern.pageobject.ts @@ -1,5 +1,4 @@ import type { FoundationElement } from '@microsoft/fast-foundation'; -import { processUpdates } from '../../../testing/async-helpers'; /** * A page object for the elements that use the required-visible mixin. diff --git a/packages/nimble-components/src/patterns/required-visible/tests/required-visible-pattern-mixin.spec.ts b/packages/nimble-components/src/patterns/required-visible/tests/required-visible-pattern-mixin.spec.ts index 05e7f9fd7f..db40e6bd28 100644 --- a/packages/nimble-components/src/patterns/required-visible/tests/required-visible-pattern-mixin.spec.ts +++ b/packages/nimble-components/src/patterns/required-visible/tests/required-visible-pattern-mixin.spec.ts @@ -11,14 +11,18 @@ import { getRequiredVisibleLabelTemplate } from '../template'; import { processUpdates } from '../../../testing/async-helpers'; import { RequiredVisiblePatternPageObject } from '../testing/required-visible-pattern.pageobject'; -const labelTemplate = getRequiredVisibleLabelTemplate(html``); +const labelTemplate = getRequiredVisibleLabelTemplate( + html`` +); const elementName = uniqueElementName(); @customElement({ name: elementName, template: html`${labelTemplate}`, styles }) -class TestErrorPatternElement extends mixinRequiredVisiblePattern(FoundationElement) {} +class TestErrorPatternElement extends mixinRequiredVisiblePattern( + FoundationElement + ) {} async function setup(): Promise> { return await fixture(elementName); diff --git a/packages/nimble-components/src/radio-group/index.ts b/packages/nimble-components/src/radio-group/index.ts index b2460301c5..36c7ad1632 100644 --- a/packages/nimble-components/src/radio-group/index.ts +++ b/packages/nimble-components/src/radio-group/index.ts @@ -19,7 +19,9 @@ export { Orientation }; /** * A nimble-styled grouping element for radio buttons */ -export class RadioGroup extends mixinErrorPattern(mixinRequiredVisiblePattern(FoundationRadioGroup)) {} +export class RadioGroup extends mixinErrorPattern( + mixinRequiredVisiblePattern(FoundationRadioGroup) +) {} const nimbleRadioGroup = RadioGroup.compose({ baseName: 'radio-group', diff --git a/packages/nimble-components/src/radio-group/template.ts b/packages/nimble-components/src/radio-group/template.ts index 76ba169980..f301fc42a2 100644 --- a/packages/nimble-components/src/radio-group/template.ts +++ b/packages/nimble-components/src/radio-group/template.ts @@ -5,7 +5,9 @@ import { errorTextTemplate } from '../patterns/error/template'; import { iconExclamationMarkTag } from '../icons/exclamation-mark'; import { getRequiredVisibleLabelTemplate } from '../patterns/required-visible/template'; -const labelTemplate = getRequiredVisibleLabelTemplate(html``); +const labelTemplate = getRequiredVisibleLabelTemplate( + html`` +); /* eslint-disable @typescript-eslint/indent */ export const template = html` diff --git a/packages/nimble-components/src/radio-group/tests/radio-group.spec.ts b/packages/nimble-components/src/radio-group/tests/radio-group.spec.ts index 43f8e5a738..21d5ae42f3 100644 --- a/packages/nimble-components/src/radio-group/tests/radio-group.spec.ts +++ b/packages/nimble-components/src/radio-group/tests/radio-group.spec.ts @@ -4,7 +4,9 @@ import { Fixture, fixture } from '../../utilities/tests/fixture'; import { processUpdates } from '../../testing/async-helpers'; async function setup(): Promise> { - return await fixture(html`<${radioGroupTag}>`); + return await fixture( + html`<${radioGroupTag}>` + ); } describe('Radio Group', () => { diff --git a/packages/nimble-components/src/select/tests/select.spec.ts b/packages/nimble-components/src/select/tests/select.spec.ts index 576d37172c..8333379ad1 100644 --- a/packages/nimble-components/src/select/tests/select.spec.ts +++ b/packages/nimble-components/src/select/tests/select.spec.ts @@ -4,7 +4,10 @@ import { fixture, Fixture } from '../../utilities/tests/fixture'; import { Select, selectTag } from '..'; import { SelectPageObjectInternal as SelectPageObject } from './select.pageobject.internal'; import { ListOption, listOptionTag } from '../../list-option'; -import { processUpdates, waitForUpdatesAsync } from '../../testing/async-helpers'; +import { + processUpdates, + waitForUpdatesAsync +} from '../../testing/async-helpers'; import { checkFullyInViewport } from '../../utilities/tests/intersection-observer'; import { FilterMode, SelectFilterInputEventDetail } from '../types'; import { diff --git a/packages/nimble-components/src/text-area/tests/text-area.spec.ts b/packages/nimble-components/src/text-area/tests/text-area.spec.ts index 66333ac935..a4a56d6645 100644 --- a/packages/nimble-components/src/text-area/tests/text-area.spec.ts +++ b/packages/nimble-components/src/text-area/tests/text-area.spec.ts @@ -1,7 +1,10 @@ import { html } from '@microsoft/fast-element'; import { parameterizeSpec } from '@ni/jasmine-parameterized'; import { TextArea, textAreaTag } from '..'; -import { processUpdates, waitForUpdatesAsync } from '../../testing/async-helpers'; +import { + processUpdates, + waitForUpdatesAsync +} from '../../testing/async-helpers'; import { fixture, Fixture } from '../../utilities/tests/fixture'; async function setup(): Promise> { diff --git a/packages/storybook/src/nimble/radio-group/radio-group-matrix.stories.ts b/packages/storybook/src/nimble/radio-group/radio-group-matrix.stories.ts index 3da6c0cfc6..29bf048a0d 100644 --- a/packages/storybook/src/nimble/radio-group/radio-group-matrix.stories.ts +++ b/packages/storybook/src/nimble/radio-group/radio-group-matrix.stories.ts @@ -56,7 +56,12 @@ const component = ( `; export const radioGroupThemeMatrix: StoryFn = createMatrixThemeStory( - createMatrix(component, [disabledStates, orientationStates, errorStates, requiredVisibleStates]) + createMatrix(component, [ + disabledStates, + orientationStates, + errorStates, + requiredVisibleStates + ]) ); export const hiddenRadioGroup: StoryFn = createStory(