diff --git a/packages/web-components/fast-foundation/src/accordion/accordion.pw.spec.ts b/packages/web-components/fast-foundation/src/accordion/accordion.pw.spec.ts index 236c71d01cd..b965ec1e9a4 100644 --- a/packages/web-components/fast-foundation/src/accordion/accordion.pw.spec.ts +++ b/packages/web-components/fast-foundation/src/accordion/accordion.pw.spec.ts @@ -203,6 +203,7 @@ test.describe("Accordion", () => { ); }); + /* eslint-disable-next-line max-len */ test("should remove an expanded items' expandbutton aria-disabled attribute when expand mode changes from single to multi", async () => { await root.evaluate(node => { node.innerHTML = /* html */ ` diff --git a/packages/web-components/fast-foundation/src/accordion/accordion.ts b/packages/web-components/fast-foundation/src/accordion/accordion.ts index 4aa810bb8cc..9151e420e2e 100644 --- a/packages/web-components/fast-foundation/src/accordion/accordion.ts +++ b/packages/web-components/fast-foundation/src/accordion/accordion.ts @@ -19,7 +19,8 @@ import { AccordionExpandMode } from "./accordion.options.js"; * @public * * @remarks - * Designed to be used with {@link @microsoft/fast-foundation#accordionTemplate} and {@link @microsoft/fast-foundation#(FASTAccordionItem:class)}. + * Designed to be used with {@link @microsoft/fast-foundation#accordionTemplate} + * and {@link @microsoft/fast-foundation#(FASTAccordionItem:class)}. */ export class FASTAccordion extends FASTElement { /** @@ -242,7 +243,8 @@ export class FASTAccordion extends FASTElement { }; private handleItemFocus = (event: FocusEvent): void => { - // update the active item index if the focus moves to an accordion item via a different method other than the up and down arrow key actions + // update the active item index if the focus moves to an accordion item + // via a different method other than the up and down arrow key actions // only do so if the focus is actually on the accordion item and not on any of its children if (event.target === event.currentTarget) { const focusedItem = event.target as HTMLElement; diff --git a/packages/web-components/fast-foundation/src/anchor/anchor.ts b/packages/web-components/fast-foundation/src/anchor/anchor.ts index ea79aff597c..3b321d37511 100644 --- a/packages/web-components/fast-foundation/src/anchor/anchor.ts +++ b/packages/web-components/fast-foundation/src/anchor/anchor.ts @@ -24,7 +24,8 @@ export type AnchorOptions = StartEndOptions; */ export class FASTAnchor extends FASTElement { /** - * Prompts the user to save the linked URL. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | element } for more information. + * Prompts the user to save the linked URL. + * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | element } for more information. * @public * @remarks * HTML Attribute: download @@ -33,7 +34,8 @@ export class FASTAnchor extends FASTElement { public download: string; /** - * The URL the hyperlink references. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | element } for more information. + * The URL the hyperlink references. + * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | element } for more information. * @public * @remarks * HTML Attribute: href @@ -42,7 +44,8 @@ export class FASTAnchor extends FASTElement { public href: string; /** - * Hints at the language of the referenced resource. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | element } for more information. + * Hints at the language of the referenced resource. + * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | element } for more information. * @public * @remarks * HTML Attribute: hreflang diff --git a/packages/web-components/fast-foundation/src/breadcrumb/breadcrumb.pw.spec.ts b/packages/web-components/fast-foundation/src/breadcrumb/breadcrumb.pw.spec.ts index aba677f60a9..5994cd508ca 100644 --- a/packages/web-components/fast-foundation/src/breadcrumb/breadcrumb.pw.spec.ts +++ b/packages/web-components/fast-foundation/src/breadcrumb/breadcrumb.pw.spec.ts @@ -78,6 +78,7 @@ test.describe("Breadcrumb", () => { ).toHaveAttribute("aria-current", "page"); }); + /* eslint-disable-next-line max-len */ test("should remove `aria-current` from any prior breadcrumb item children with child anchors when a new node is appended", async () => { await root.evaluate(node => { node.innerHTML = /* html */ ` diff --git a/packages/web-components/fast-foundation/src/calendar/calendar.pw.spec.ts b/packages/web-components/fast-foundation/src/calendar/calendar.pw.spec.ts index 2b9ce553dff..89befb6b3f1 100644 --- a/packages/web-components/fast-foundation/src/calendar/calendar.pw.spec.ts +++ b/packages/web-components/fast-foundation/src/calendar/calendar.pw.spec.ts @@ -482,6 +482,7 @@ test.describe("Calendar", () => { ).toBe("1942 शक"); }); + /* eslint-disable-next-line max-len */ test('should set the formatted `year` property to "2564" when the `year` attribute is "2021" for the Buddhist calendar', async () => { await root.evaluate(node => { node.innerHTML = /* html */ ` diff --git a/packages/web-components/fast-foundation/src/checkbox/checkbox.pw.spec.ts b/packages/web-components/fast-foundation/src/checkbox/checkbox.pw.spec.ts index a093671678e..2581f5b08bf 100644 --- a/packages/web-components/fast-foundation/src/checkbox/checkbox.pw.spec.ts +++ b/packages/web-components/fast-foundation/src/checkbox/checkbox.pw.spec.ts @@ -389,6 +389,7 @@ test.describe("Checkbox", () => { await expect(element).toHaveJSProperty("checked", true); }); + /* eslint-disable-next-line max-len */ test("should put the control into a clean state, where checked attribute modifications change the checked property prior to user or programmatic interaction", async () => { await root.evaluate(node => { node.innerHTML = /* html */ ` diff --git a/packages/web-components/fast-foundation/src/design-token/core/design-token-node.pw.spec.ts b/packages/web-components/fast-foundation/src/design-token/core/design-token-node.pw.spec.ts index 7a4060397a8..230eb6d2f63 100644 --- a/packages/web-components/fast-foundation/src/design-token/core/design-token-node.pw.spec.ts +++ b/packages/web-components/fast-foundation/src/design-token/core/design-token-node.pw.spec.ts @@ -344,6 +344,7 @@ test.describe("DesignTokenNode", () => { expect(node.getTokenValue(token)).toEqual(12); }); + /* eslint-disable-next-line max-len */ test("should resolve a static value from an ancestor node assigned a static value when the descendent node does not have the token assigned a value", () => { const token = new DesignToken(); const ancestor = createNode(); @@ -354,6 +355,7 @@ test.describe("DesignTokenNode", () => { expect(descendent.getTokenValue(token)).toEqual(12); }); + /* eslint-disable-next-line max-len */ test("should resolve a static value from an ancestor node assigned a derived value when the descendent node does not have the token assigned a value", () => { const token = new DesignToken(); const ancestor = createNode(); @@ -589,6 +591,7 @@ test.describe("DesignTokenNode", () => { ); expect(() => node.getTokenValue(token)).toThrow(); }); + /* eslint-disable-next-line max-len */ test("the token with the node that has a token assigned a derived value and a dependency of the derived value changes for the node", () => { const token = new DesignToken(); const dependency = new DesignToken(); @@ -618,6 +621,7 @@ test.describe("DesignTokenNode", () => { ); expect(node.getTokenValue(token)).toEqual(14); }); + /* eslint-disable-next-line max-len */ test("the token with the descendent node that has a token assigned a static value that is a dependency of a value assigned for an ancestor", () => { const token = new DesignToken(); const dependency = new DesignToken(); @@ -651,6 +655,7 @@ test.describe("DesignTokenNode", () => { expect(parent.getTokenValue(token)).toEqual(12); expect(descendent.getTokenValue(token)).toEqual(14); }); + /* eslint-disable-next-line max-len */ test("the token with the descendent node that has a token assigned a derived value that is a dependency of a value assigned for an ancestor", () => { const token = new DesignToken(); const dependency = new DesignToken(); @@ -684,6 +689,7 @@ test.describe("DesignTokenNode", () => { expect(parent.getTokenValue(token)).toEqual(12); expect(descendent.getTokenValue(token)).toEqual(14); }); + /* eslint-disable-next-line max-len */ test("the token with the descendent node that has a token reassigned a static value that is a dependency of a value assigned for an ancestor", () => { const token = new DesignToken(); const dependency = new DesignToken(); @@ -718,6 +724,7 @@ test.describe("DesignTokenNode", () => { expect(parent.getTokenValue(token)).toEqual(12); expect(descendent.getTokenValue(token)).toEqual(16); }); + /* eslint-disable-next-line max-len */ test("the token with the descendent node that has a token reassigned a derived value that is a dependency of a value assigned for an ancestor", () => { const token = new DesignToken(); const dependency = new DesignToken(); @@ -752,6 +759,7 @@ test.describe("DesignTokenNode", () => { expect(parent.getTokenValue(token)).toEqual(12); expect(descendent.getTokenValue(token)).toEqual(16); }); + /* eslint-disable-next-line max-len */ test("the token with a descendent node when a ancestor and descendent both have a dependency assigned and the ancestor is reassigned a token to a derived value that resolves the dependency and results in a value change", () => { const token = new DesignToken(); const dependency = new DesignToken(); @@ -795,6 +803,7 @@ test.describe("DesignTokenNode", () => { expect(parent.getTokenValue(token)).toEqual(10); expect(descendent.getTokenValue(token)).toEqual(14); }); + /* eslint-disable-next-line max-len */ test("the token with the descendent node that has a token assigned a static value deleted that is a dependency of a value assigned for an ancestor", () => { const token = new DesignToken(); const dependency = new DesignToken(); @@ -827,6 +836,7 @@ test.describe("DesignTokenNode", () => { expect(parent.getTokenValue(token)).toEqual(12); expect(descendent.getTokenValue(token)).toEqual(12); }); + /* eslint-disable-next-line max-len */ test("the token with the descendent node that has a token assigned a derived value deleted that is a dependency of a value assigned for an ancestor", () => { const token = new DesignToken(); const dependency = new DesignToken(); @@ -859,6 +869,7 @@ test.describe("DesignTokenNode", () => { expect(parent.getTokenValue(token)).toEqual(12); expect(descendent.getTokenValue(token)).toEqual(12); }); + /* eslint-disable-next-line max-len */ test("should the token for ancestor, parent, and descendent nodes when parent and descendent are assigned a value that depends on the token and the ancestor's value is changed", () => { const token = new DesignToken(); const ancestor = createNode(); @@ -914,6 +925,7 @@ test.describe("DesignTokenNode", () => { /** * Appending nodes */ + /* eslint-disable-next-line max-len */ test("the token with the descendent node that has a dependency assigned when the node is appended to an ancestor with a derived value assigned that depends on the dependency", () => { const ancestor = createNode(); const parent = createNode(ancestor); @@ -947,6 +959,7 @@ test.describe("DesignTokenNode", () => { /** * Removing nodes */ + /* eslint-disable-next-line max-len */ test("the token with the descendent node that has a dependency assigned when the node is appended to an ancestor with a derived value assigned that depends on the dependency and is then removed", () => { const ancestor = createNode(); const parent = createNode(ancestor); @@ -980,6 +993,7 @@ test.describe("DesignTokenNode", () => { /** * Moving node */ + /* eslint-disable-next-line max-len */ test("the token with the descendent node that has a dependency assigned when the node is re-parented to an ancestor with a different derived value assigned that depends on the dependency", () => { const ancestorA = createNode(); const ancestorB = createNode(); @@ -1013,6 +1027,7 @@ test.describe("DesignTokenNode", () => { ); expect(descendent.getTokenValue(token)).toEqual(21); }); + /* eslint-disable-next-line max-len */ test("should support reparenting a node with a derived token assigned to a tree where the immediate parent doesn't not have the dependency assigned", () => { const ancestor = new DesignTokenNode(); const parent = new DesignTokenNode(); @@ -1062,6 +1077,7 @@ test.describe("DesignTokenNode", () => { ) ); }); + /* eslint-disable-next-line max-len */ test("the token with the ancestor and descendent node when the ancestor is assigned a derived value using an observable and a token, where both nodes contain a value set for the dependency", () => { const ancestor = createNode(); const parent = createNode(ancestor); @@ -1121,6 +1137,7 @@ test.describe("DesignTokenNode", () => { expect(handleChange).not.toHaveBeenCalled(); }); + /* eslint-disable-next-line max-len */ test("the token when the derived value assigned to a node results in the same value as the previously assigned static value", () => { const token = new DesignToken(); const node = new DesignTokenNode(); @@ -1132,6 +1149,7 @@ test.describe("DesignTokenNode", () => { expect(handleChange).not.toHaveBeenCalled(); }); + /* eslint-disable-next-line max-len */ test("the token when the derived value assigned to a node results in the same value as the previously assigned derived value", () => { const token = new DesignToken(); const node = new DesignTokenNode(); @@ -1152,7 +1170,7 @@ test.describe("DesignTokenNode", () => { expect(a).not.toEqual(b); expect(handleChange).not.toHaveBeenCalled(); }); - + /* eslint-disable-next-line max-len */ test("the token when a dependency of a derived token value is set for a descendent but there is an intermediary value set that is a static value", () => { const token = new DesignToken(); const dependency = new DesignToken(); @@ -1170,6 +1188,7 @@ test.describe("DesignTokenNode", () => { expect(handleChange).not.toHaveBeenCalled(); expect(child.getTokenValue(token)).toEqual(25); }); + /* eslint-disable-next-line max-len */ test.skip("the token when a dependency of a derived token value is set for a descendent but there is an intermediary value set that is a derived value that does not depend on the dependent token", () => { const token = new DesignToken(); const dependency = new DesignToken(); diff --git a/packages/web-components/fast-foundation/src/design-token/core/design-token-node.ts b/packages/web-components/fast-foundation/src/design-token/core/design-token-node.ts index 940215a47d7..8591ffa80e9 100644 --- a/packages/web-components/fast-foundation/src/design-token/core/design-token-node.ts +++ b/packages/web-components/fast-foundation/src/design-token/core/design-token-node.ts @@ -66,6 +66,7 @@ class DerivedValueEvaluator { } throw new Error( + /* eslint-disable-next-line max-len */ "DesignTokenNode has encountered a circular token reference. Avoid this by setting the token value for an ancestor node." ); } else { diff --git a/packages/web-components/fast-foundation/src/design-token/fast-design-token.pw.spec.ts b/packages/web-components/fast-foundation/src/design-token/fast-design-token.pw.spec.ts index f945c02946c..0a37378c2b0 100644 --- a/packages/web-components/fast-foundation/src/design-token/fast-design-token.pw.spec.ts +++ b/packages/web-components/fast-foundation/src/design-token/fast-design-token.pw.spec.ts @@ -498,6 +498,7 @@ test.describe("A DesignToken", () => { }) ).toBe("12"); }); + /* eslint-disable-next-line max-len */ test("should set a CSS custom property equal to the resolved value of a derived token value with a dependent token", async () => { expect( await page.evaluate(async () => { @@ -516,7 +517,7 @@ test.describe("A DesignToken", () => { }) ).toBe("12"); }); - + /* eslint-disable-next-line max-len */ test("should update a CSS custom property to the resolved value of a derived token value with a dependent token when the dependent token changes", async () => { expect( await page.evaluate(async () => { @@ -547,7 +548,7 @@ test.describe("A DesignToken", () => { }) ).toEqual(["12", "14"]); }); - + /* eslint-disable-next-line max-len */ test("should set a CSS custom property equal to the resolved value for an element of a derived token value with a dependent token", async () => { expect( await page.evaluate(async () => { @@ -577,7 +578,7 @@ test.describe("A DesignToken", () => { }) ).toEqual(["12", "14"]); }); - + /* eslint-disable-next-line max-len */ test("should set a CSS custom property equal to the resolved value for an element in a shadow DOM of a derived token value with a dependent token", async () => { expect( await page.evaluate(async () => { @@ -609,7 +610,7 @@ test.describe("A DesignToken", () => { }) ).toEqual(["12", "14"]); }); - + /* eslint-disable-next-line max-len */ test("should set a CSS custom property equal to the resolved value for both elements for which a dependent token is set when setting a derived token value", async () => { expect( await page.evaluate(async () => { @@ -831,6 +832,7 @@ test.describe("A DesignToken", () => { }) ).toEqual(["12", "14"]); }); + /* eslint-disable-next-line max-len */ test("should update the emitted CSS custom property of a token assigned a derived value when the token dependency changes", async () => { expect( await page.evaluate(async () => { @@ -885,6 +887,7 @@ test.describe("A DesignToken", () => { ).toEqual([12, 24]); }); }); + /* eslint-disable-next-line max-len */ test("should update the CSS custom property of a derived token with a dependency that is a derived token that depends on a third token", async () => { expect( await page.evaluate(async () => { @@ -1343,6 +1346,7 @@ test.describe("A DesignToken", () => { }) ).toBe(1); }); + /* eslint-disable-next-line max-len */ test("should notify a subscriber when a static-value dependency of subscribed token changes for a parent of the subscription target", async () => { expect( await page.evaluate(async () => { @@ -1372,6 +1376,7 @@ test.describe("A DesignToken", () => { }) ).toEqual([1, 14]); }); + /* eslint-disable-next-line max-len */ test("should notify a subscriber when a derived-value dependency of subscribed token changes for a parent of the subscription target", async () => { expect( await page.evaluate(async () => { @@ -1400,6 +1405,7 @@ test.describe("A DesignToken", () => { }) ).toEqual([1, 14]); }); + /* eslint-disable-next-line max-len */ test("should notify a subscriber when a dependency of subscribed token changes for a parent of the subscription target", async () => { expect( await page.evaluate(async () => { diff --git a/packages/web-components/fast-foundation/src/divider/divider.ts b/packages/web-components/fast-foundation/src/divider/divider.ts index 320f90f77f5..470234a2b00 100644 --- a/packages/web-components/fast-foundation/src/divider/divider.ts +++ b/packages/web-components/fast-foundation/src/divider/divider.ts @@ -3,7 +3,8 @@ import { DividerOrientation, DividerRole } from "./divider.options.js"; /** * A Divider Custom HTML Element. - * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#separator | ARIA separator } or {@link https://www.w3.org/TR/wai-aria-1.1/#presentation | ARIA presentation}. + * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#separator | ARIA separator } + * or {@link https://www.w3.org/TR/wai-aria-1.1/#presentation | ARIA presentation}. * * @public */ diff --git a/packages/web-components/fast-foundation/src/flipper/flipper.ts b/packages/web-components/fast-foundation/src/flipper/flipper.ts index 69a830b808b..cfb8e1f393d 100644 --- a/packages/web-components/fast-foundation/src/flipper/flipper.ts +++ b/packages/web-components/fast-foundation/src/flipper/flipper.ts @@ -21,7 +21,8 @@ export type FlipperOptions = { * @slot previous - The previous flipper content * @csspart next - Wraps the next flipper content * @csspart previous - Wraps the previous flipper content - * @fires click - Fires a custom 'click' event when Enter or Space is invoked via keyboard and the flipper is exposed to assistive technologies. + * @fires click - Fires a custom 'click' event when Enter or Space is invoked via keyboard + * and the flipper is exposed to assistive technologies. * * @public */ @@ -36,7 +37,8 @@ export class FASTFlipper extends FASTElement { public disabled: boolean; /** - * Indicates the flipper should be hidden from assistive technology. Because flippers are often supplementary navigation, they are often hidden from assistive technology. + * Indicates the flipper should be hidden from assistive technology. + * Because flippers are often supplementary navigation, they are often hidden from assistive technology. * * @public * @defaultValue - true diff --git a/packages/web-components/fast-foundation/src/form-associated/form-associated.pw.spec.ts b/packages/web-components/fast-foundation/src/form-associated/form-associated.pw.spec.ts index f658b8aa9b4..eae7af2414a 100644 --- a/packages/web-components/fast-foundation/src/form-associated/form-associated.pw.spec.ts +++ b/packages/web-components/fast-foundation/src/form-associated/form-associated.pw.spec.ts @@ -411,7 +411,7 @@ test.describe("FormAssociated", () => { await expect(element).toHaveAttribute("value", "attr-value"); }); - + /* eslint-disable-next-line max-len */ test("should put the control into a clean state, where modifcations to the `value` attribute update the `value` property prior to user or programmatic interaction", async ({ page, }) => { diff --git a/packages/web-components/fast-foundation/src/form-associated/form-associated.ts b/packages/web-components/fast-foundation/src/form-associated/form-associated.ts index 0c57ccbb533..a7acbb8f003 100644 --- a/packages/web-components/fast-foundation/src/form-associated/form-associated.ts +++ b/packages/web-components/fast-foundation/src/form-associated/form-associated.ts @@ -54,7 +54,8 @@ interface ElementInternals { */ readonly willValidate: boolean; /** - * Returns true if internals target element has no validity problems; false otherwise. Fires an invalid event at the element in the latter case. + * Returns true if internals target element has no validity problems; false otherwise. + * Fires an invalid event at the element in the latter case. */ checkValidity(): boolean; /** @@ -65,7 +66,8 @@ interface ElementInternals { /** * Sets both the state and submission value of internals target element to value. * - * While "null" isn't enumerated as a argument type (here)[https://html.spec.whatwg.org/multipage/custom-elements.html#the-elementinternals-interface], + * While "null" isn't enumerated as + * a argument type (here)[https://html.spec.whatwg.org/multipage/custom-elements.html#the-elementinternals-interface], * In practice it appears to remove the value from the form data on submission. Adding it as a valid type here * becuase that capability is required for checkbox and radio types */ diff --git a/packages/web-components/fast-foundation/src/horizontal-scroll/horizontal-scroll.pw.spec.ts b/packages/web-components/fast-foundation/src/horizontal-scroll/horizontal-scroll.pw.spec.ts index 348e23caf90..9ac4c96619e 100644 --- a/packages/web-components/fast-foundation/src/horizontal-scroll/horizontal-scroll.pw.spec.ts +++ b/packages/web-components/fast-foundation/src/horizontal-scroll/horizontal-scroll.pw.spec.ts @@ -100,6 +100,7 @@ test.describe("HorizontalScroll", () => { ); }); + /* eslint-disable-next-line max-len */ test('should set the "disabled" class on the previous flipper when the scroll position is at the beginning of the content', async () => { await expect(scrollPrevious).toHaveClass(/disabled/); diff --git a/packages/web-components/fast-foundation/src/menu-item/menu-item.ts b/packages/web-components/fast-foundation/src/menu-item/menu-item.ts index 9073941b374..47539de43d5 100644 --- a/packages/web-components/fast-foundation/src/menu-item/menu-item.ts +++ b/packages/web-components/fast-foundation/src/menu-item/menu-item.ts @@ -28,7 +28,9 @@ export type MenuItemOptions = StartEndOptions & { /** * A Switch Custom HTML Element. - * Implements {@link https://www.w3.org/TR/wai-aria-1.1/#menuitem | ARIA menuitem }, {@link https://www.w3.org/TR/wai-aria-1.1/#menuitemcheckbox | ARIA menuitemcheckbox}, or {@link https://www.w3.org/TR/wai-aria-1.1/#menuitemradio | ARIA menuitemradio }. + * Implements {@link https://www.w3.org/TR/wai-aria-1.1/#menuitem | ARIA menuitem }, + * {@link https://www.w3.org/TR/wai-aria-1.1/#menuitemcheckbox | ARIA menuitemcheckbox}, + * or {@link https://www.w3.org/TR/wai-aria-1.1/#menuitemradio | ARIA menuitemradio }. * * @slot checked-indicator - The checked indicator * @slot radio-indicator - The radio indicator @@ -45,7 +47,8 @@ export type MenuItemOptions = StartEndOptions & { * @csspart expand-collapse - The expand/collapse element * @csspart submenu-region - The container for the submenu, used for positioning * @fires expanded-change - Fires a custom 'expanded-change' event when the expanded state changes - * @fires change - Fires a custom 'change' event when a non-submenu item with a role of `menuitemcheckbox`, `menuitemradio`, or `menuitem` is invoked + * @fires change - Fires a custom 'change' event when a non-submenu item with + * a role of `menuitemcheckbox`, `menuitemradio`, or `menuitem` is invoked * * @public */ diff --git a/packages/web-components/fast-foundation/src/number-field/number-field.pw.spec.ts b/packages/web-components/fast-foundation/src/number-field/number-field.pw.spec.ts index 6a5f6b6b474..b8e63e7dfaa 100644 --- a/packages/web-components/fast-foundation/src/number-field/number-field.pw.spec.ts +++ b/packages/web-components/fast-foundation/src/number-field/number-field.pw.spec.ts @@ -487,6 +487,7 @@ test.describe("NumberField", () => { await expect(control).toHaveValue("10"); }); + /* eslint-disable-next-line max-len */ test("should set the `value` to match `max` after stepping down when `value` is undefined and `min` and `max` are less than zero", async () => { await root.evaluate(node => { node.innerHTML = /* html */ ` @@ -502,7 +503,7 @@ test.describe("NumberField", () => { await expect(control).toHaveValue("-5"); }); - + /* eslint-disable-next-line max-len */ test("should set the `value` to match `max` after stepping up when `value` is undefined and `min` and `max` are less than zero", async () => { await root.evaluate(node => { node.innerHTML = /* html */ ` @@ -677,7 +678,7 @@ test.describe("NumberField", () => { await expect(element).toHaveJSProperty("value", "10"); }); - + /* eslint-disable-next-line max-len */ test("should put the control into a clean state, where `value` attribute modifications change the `value` property prior to user or programmatic interaction", async () => { const form = page.locator("form"); diff --git a/packages/web-components/fast-foundation/src/number-field/number-field.ts b/packages/web-components/fast-foundation/src/number-field/number-field.ts index dc6a0f0352e..915dba5d95c 100644 --- a/packages/web-components/fast-foundation/src/number-field/number-field.ts +++ b/packages/web-components/fast-foundation/src/number-field/number-field.ts @@ -43,7 +43,8 @@ export type NumberFieldOptions = StartEndOptions & { */ export class FASTNumberField extends FormAssociatedNumberField { /** - * When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information. + * When true, the control will be immutable by user interaction. + * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information. * @public * @remarks * HTML Attribute: readonly @@ -52,7 +53,9 @@ export class FASTNumberField extends FormAssociatedNumberField { public readOnly: boolean; /** - * Indicates that this element should get focus after the page finishes loading. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute} for more information. + * Indicates that this element should get focus after the page finishes loading. + * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute} + * for more information. * @public * @remarks * HTML Attribute: autofocus @@ -80,7 +83,8 @@ export class FASTNumberField extends FormAssociatedNumberField { public placeholder: string; /** - * Allows associating a {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist} to the element by {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/id}. + * Allows associating a {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist} + * to the element by {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/id}. * @public * @remarks * HTML Attribute: list diff --git a/packages/web-components/fast-foundation/src/radio-group/radio-group.ts b/packages/web-components/fast-foundation/src/radio-group/radio-group.ts index 12122fcf1e7..ec098434893 100644 --- a/packages/web-components/fast-foundation/src/radio-group/radio-group.ts +++ b/packages/web-components/fast-foundation/src/radio-group/radio-group.ts @@ -25,7 +25,8 @@ import { RadioGroupOrientation } from "./radio-group.options.js"; */ export class FASTRadioGroup extends FASTElement { /** - * When true, the child radios will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information. + * When true, the child radios will be immutable by user interaction. + * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information. * @public * @remarks * HTML Attribute: readonly diff --git a/packages/web-components/fast-foundation/src/radio/radio.pw.spec.ts b/packages/web-components/fast-foundation/src/radio/radio.pw.spec.ts index 72cafa7c465..ab00fc6e497 100644 --- a/packages/web-components/fast-foundation/src/radio/radio.pw.spec.ts +++ b/packages/web-components/fast-foundation/src/radio/radio.pw.spec.ts @@ -278,7 +278,7 @@ test.describe("Radio", () => { await expect(element).toBeChecked(); }); - + /* eslint-disable-next-line max-len */ test("should put the control into a clean state, where `checked` attribute modifications modify the `checked` property prior to user or programmatic interaction", async () => { await root.evaluate(node => { node.innerHTML = /* html */ ` diff --git a/packages/web-components/fast-foundation/src/radio/radio.ts b/packages/web-components/fast-foundation/src/radio/radio.ts index eeee7f74b7a..53646c0882f 100644 --- a/packages/web-components/fast-foundation/src/radio/radio.ts +++ b/packages/web-components/fast-foundation/src/radio/radio.ts @@ -35,7 +35,8 @@ export type RadioOptions = { */ export class FASTRadio extends FormAssociatedRadio implements RadioControl { /** - * The name of the radio. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname | name attribute} for more info. + * The name of the radio. + * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname | name attribute} for more info. */ @observable public name: string; diff --git a/packages/web-components/fast-foundation/src/search/search.pw.spec.ts b/packages/web-components/fast-foundation/src/search/search.pw.spec.ts index 38a1b4812ac..b857e1c9d54 100644 --- a/packages/web-components/fast-foundation/src/search/search.pw.spec.ts +++ b/packages/web-components/fast-foundation/src/search/search.pw.spec.ts @@ -293,7 +293,7 @@ test.describe("Search", () => { await expect(element).toHaveJSProperty("value", "test value"); }); - + /* eslint-disable-next-line max-len */ test("should put the control into a clean state, where `value` attribute modifications change the `value` property prior to user or programmatic interaction", async () => { await root.evaluate(node => { node.innerHTML = /* html */ ` diff --git a/packages/web-components/fast-foundation/src/search/search.ts b/packages/web-components/fast-foundation/src/search/search.ts index 994b15d58ad..74413519d16 100644 --- a/packages/web-components/fast-foundation/src/search/search.ts +++ b/packages/web-components/fast-foundation/src/search/search.ts @@ -36,7 +36,8 @@ export type SearchOptions = StartEndOptions & { */ export class FASTSearch extends FormAssociatedSearch { /** - * When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information. + * When true, the control will be immutable by user interaction. + * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information. * @public * @remarks * HTML Attribute: readonly @@ -51,7 +52,9 @@ export class FASTSearch extends FormAssociatedSearch { } /** - * Indicates that this element should get focus after the page finishes loading. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute} for more information. + * Indicates that this element should get focus after the page finishes loading. + * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute} + * for more information. * @public * @remarks * HTML Attribute: autofocus @@ -81,7 +84,8 @@ export class FASTSearch extends FormAssociatedSearch { } /** - * Allows associating a {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist} to the element by {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/id}. + * Allows associating a {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist} + * to the element by {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/id}. * @public * @remarks * HTML Attribute: list diff --git a/packages/web-components/fast-foundation/src/slider/slider.pw.spec.ts b/packages/web-components/fast-foundation/src/slider/slider.pw.spec.ts index 6239122a955..5bf68b02b4e 100644 --- a/packages/web-components/fast-foundation/src/slider/slider.pw.spec.ts +++ b/packages/web-components/fast-foundation/src/slider/slider.pw.spec.ts @@ -554,7 +554,7 @@ test.describe("Slider", () => { await expect(element).toHaveJSProperty("value", "7"); }); - + /* eslint-disable-next-line max-len */ test("should put the control into a clean state, where the value attribute changes the value property prior to user or programmatic interaction", async () => { await root.evaluate(node => { node.innerHTML = /* html */ ` diff --git a/packages/web-components/fast-foundation/src/slider/slider.ts b/packages/web-components/fast-foundation/src/slider/slider.ts index c0d4f36254e..d12e215b2c3 100644 --- a/packages/web-components/fast-foundation/src/slider/slider.ts +++ b/packages/web-components/fast-foundation/src/slider/slider.ts @@ -35,7 +35,8 @@ import { SliderMode } from "./slider.options.js"; */ export class FASTSlider extends FormAssociatedSlider implements SliderConfiguration { /** - * When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information. + * When true, the control will be immutable by user interaction. + * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information. * * @public * @remarks diff --git a/packages/web-components/fast-foundation/src/switch/switch.pw.spec.ts b/packages/web-components/fast-foundation/src/switch/switch.pw.spec.ts index d670aeacc61..2447da04f9f 100644 --- a/packages/web-components/fast-foundation/src/switch/switch.pw.spec.ts +++ b/packages/web-components/fast-foundation/src/switch/switch.pw.spec.ts @@ -385,7 +385,7 @@ test.describe("Switch", () => { await expect(element).toHaveJSProperty("checked", true); }); - + /* eslint-disable-next-line max-len */ test("should put the control into a clean state, where `checked` attribute modifications update the `checked` property prior to user or programmatic interaction", async () => { await root.evaluate(node => { node.innerHTML = /* html */ ` diff --git a/packages/web-components/fast-foundation/src/switch/switch.ts b/packages/web-components/fast-foundation/src/switch/switch.ts index 19a054702f3..85d59b1eb2e 100644 --- a/packages/web-components/fast-foundation/src/switch/switch.ts +++ b/packages/web-components/fast-foundation/src/switch/switch.ts @@ -26,7 +26,8 @@ export type SwitchOptions = { */ export class FASTSwitch extends FormAssociatedSwitch { /** - * When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information. + * When true, the control will be immutable by user interaction. + * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information. * @public * @remarks * HTML Attribute: readonly diff --git a/packages/web-components/fast-foundation/src/tab/tab.ts b/packages/web-components/fast-foundation/src/tab/tab.ts index 66d45bfe5d3..62d19850dd4 100644 --- a/packages/web-components/fast-foundation/src/tab/tab.ts +++ b/packages/web-components/fast-foundation/src/tab/tab.ts @@ -20,7 +20,8 @@ export type TabOptions = StartEndOptions; */ export class FASTTab extends FASTElement { /** - * When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute} for more information. + * When true, the control will be immutable by user interaction. + * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute} for more information. * @public * @remarks * HTML Attribute: disabled diff --git a/packages/web-components/fast-foundation/src/tabs/tabs.pw.spec.ts b/packages/web-components/fast-foundation/src/tabs/tabs.pw.spec.ts index d61e156fb58..563d42c8f1f 100644 --- a/packages/web-components/fast-foundation/src/tabs/tabs.pw.spec.ts +++ b/packages/web-components/fast-foundation/src/tabs/tabs.pw.spec.ts @@ -106,7 +106,7 @@ test.describe("Tabs", () => { await expect(tabPanel).toHaveCount(1); } }); - + /* eslint-disable-next-line max-len */ test("should set `aria-labelledby` on the tab panel and `aria-controls` on the tab which corresponds to the matching ID when IDs are NOT provided", async () => { await root.evaluate( (node, { template }) => { @@ -137,7 +137,7 @@ test.describe("Tabs", () => { await expect(tab).toHaveAttribute("aria-controls", panelId); } }); - + /* eslint-disable-next-line max-len */ test("should set `aria-labelledby` on the tab panel and `aria-controls` on the tab which corresponds to the matching ID when IDs are NOT provided and additional tabs and panels are added", async () => { await root.evaluate( (node, { template }) => { @@ -259,6 +259,7 @@ test.describe("Tabs", () => { }); test.describe("active tabpanel", () => { + /* eslint-disable-next-line max-len */ test("should set an `aria-labelledby` attribute on the tabpanel with a value of the tab id when `activeid` is provided", async () => { await root.evaluate( (node, { template }) => { diff --git a/packages/web-components/fast-foundation/src/text-area/text-area.pw.spec.ts b/packages/web-components/fast-foundation/src/text-area/text-area.pw.spec.ts index a50e6caeba8..3dc12f9a12a 100644 --- a/packages/web-components/fast-foundation/src/text-area/text-area.pw.spec.ts +++ b/packages/web-components/fast-foundation/src/text-area/text-area.pw.spec.ts @@ -226,7 +226,7 @@ test.describe("TextArea", () => { await expect(element).toHaveJSProperty("value", "foo"); }); - + /* eslint-disable-next-line max-len */ test("should put the control into a clean state, where `value` attribute modifications change the `value` property prior to user or programmatic interaction", async () => { await root.evaluate(node => { node.innerHTML = /* html */ ` diff --git a/packages/web-components/fast-foundation/src/text-area/text-area.ts b/packages/web-components/fast-foundation/src/text-area/text-area.ts index db2fb23e3f7..b36ecfc116c 100644 --- a/packages/web-components/fast-foundation/src/text-area/text-area.ts +++ b/packages/web-components/fast-foundation/src/text-area/text-area.ts @@ -30,7 +30,8 @@ export type TextAreaOptions = StartEndOptions; */ export class FASTTextArea extends FormAssociatedTextArea { /** - * When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information. + * When true, the control will be immutable by user interaction. + * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information. * @public * @remarks * HTML Attribute: readonly @@ -73,14 +74,16 @@ export class FASTTextArea extends FormAssociatedTextArea { } /** - * The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id | id} of the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form | form} the element is associated to + * The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id | id} + * of the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form | form} the element is associated to * @public */ @attr({ attribute: "form" }) public formId: string; /** - * Allows associating a {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist} to the element by {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/id}. + * Allows associating a {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist} + * to the element by {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/id}. * @public * @remarks * HTML Attribute: list diff --git a/packages/web-components/fast-foundation/src/text-field/text-field.ts b/packages/web-components/fast-foundation/src/text-field/text-field.ts index cfc0ab5d32d..cfd583116c4 100644 --- a/packages/web-components/fast-foundation/src/text-field/text-field.ts +++ b/packages/web-components/fast-foundation/src/text-field/text-field.ts @@ -34,7 +34,8 @@ export type TextFieldOptions = StartEndOptions; */ export class FASTTextField extends FormAssociatedTextField { /** - * When true, the input will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information. + * When true, the input will be immutable by user interaction. + * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information. * @public * @remarks * HTML Attribute: readonly @@ -49,7 +50,9 @@ export class FASTTextField extends FormAssociatedTextField { } /** - * Indicates that this element should get focus after the page finishes loading. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute} for more information. + * Indicates that this element should get focus after the page finishes loading. + * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute} + * for more information. * @public * @remarks * HTML Attribute: autofocus @@ -94,7 +97,8 @@ export class FASTTextField extends FormAssociatedTextField { } /** - * Allows associating a {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist} to the element by {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/id}. + * Allows associating a {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist} + * to the element by {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/id}. * @public * @remarks * HTML Attribute: list diff --git a/packages/web-components/fast-foundation/src/toolbar/toolbar.pw.spec.ts b/packages/web-components/fast-foundation/src/toolbar/toolbar.pw.spec.ts index b61ba4fb053..6ef6344bc95 100644 --- a/packages/web-components/fast-foundation/src/toolbar/toolbar.pw.spec.ts +++ b/packages/web-components/fast-foundation/src/toolbar/toolbar.pw.spec.ts @@ -194,7 +194,7 @@ test.describe.skip("Toolbar", () => { await expect(endSlotButton).toBeFocused(); }); - + /* eslint-disable-next-line max-len */ test("should move focus to next element when keyboard incrementer is pressed and start slot content is added after connect", async () => { await root.evaluate(node => { node.innerHTML = /* html */ ``; diff --git a/packages/web-components/fast-foundation/src/tree-item/tree-item.ts b/packages/web-components/fast-foundation/src/tree-item/tree-item.ts index d198a6de8aa..a7b27560d18 100644 --- a/packages/web-components/fast-foundation/src/tree-item/tree-item.ts +++ b/packages/web-components/fast-foundation/src/tree-item/tree-item.ts @@ -70,7 +70,8 @@ export class FASTTreeItem extends FASTElement { } /** - * When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute} for more information. + * When true, the control will be immutable by user interaction. + * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute} for more information. * @public * @remarks * HTML Attribute: disabled