Revert "chore: runs eslint --fix and adjusts tests based on new typings"

iOvergaard · iOvergaard · commit 33a6d62f834a · 2025-10-07T12:31:10.000+02:00
This reverts commit f09ddad.
diff --git a/packages/uui-boolean-input/lib/uui-boolean-input.test.ts b/packages/uui-boolean-input/lib/uui-boolean-input.test.ts
@@ -75,7 +75,7 @@ describe('UUIBooleanInputElement', () => {
     expect(input?.checked).to.equal(true);
   });
   it('emits an change event when the input changes', async () => {
-    const listener = oneEvent(element, UUIBooleanInputEvent.CHANGE);
+    const listener = oneEvent(element, UUIBooleanInputEvent.CHANGE, false);
     label.click();
 
     const event = await listener;
diff --git a/packages/uui-button/lib/uui-button.test.ts b/packages/uui-button/lib/uui-button.test.ts
@@ -137,7 +137,7 @@ describe('UuiButton', () => {
   describe('events', () => {
     describe('click', async () => {
       it('emits a click event when native button fires one', async () => {
-        const listener = oneEvent(element, 'click');
+        const listener = oneEvent(element, 'click', false);
 
         button.click();
 
diff --git a/packages/uui-checkbox/lib/uui-checkbox.test.ts b/packages/uui-checkbox/lib/uui-checkbox.test.ts
@@ -80,7 +80,7 @@ describe('UUICheckbox', () => {
   describe('events', () => {
     describe('click', () => {
       it('emits a click event when clicked', async () => {
-        const listener = oneEvent(element, 'click');
+        const listener = oneEvent(element, 'click', false);
         element.click();
         const event = await listener;
         expect(event).to.exist;
diff --git a/packages/uui-color-area/lib/uui-color-area.element.ts b/packages/uui-color-area/lib/uui-color-area.element.ts
@@ -298,8 +298,7 @@ export class UUIColorAreaElement extends LitElement {
         position: relative;
         height: 100%;
         width: 100%;
-        background-image:
-          linear-gradient(
+        background-image: linear-gradient(
             to bottom,
             rgba(0, 0, 0, 0) 0%,
             rgba(0, 0, 0, 1) 100%
diff --git a/packages/uui-color-picker/lib/uui-color-picker.element.ts b/packages/uui-color-picker/lib/uui-color-picker.element.ts
@@ -650,8 +650,11 @@ export class UUIColorPickerElement extends LabelMixin('label', LitElement) {
 
       .color-picker__transparent-bg {
         border: 1px solid var(--uui-color-border);
-        background-image:
-          linear-gradient(45deg, var(--uui-palette-grey) 25%, transparent 25%),
+        background-image: linear-gradient(
+            45deg,
+            var(--uui-palette-grey) 25%,
+            transparent 25%
+          ),
           linear-gradient(45deg, transparent 75%, var(--uui-palette-grey) 75%),
           linear-gradient(45deg, transparent 75%, var(--uui-palette-grey) 75%),
           linear-gradient(45deg, var(--uui-palette-grey) 25%, transparent 25%);
diff --git a/packages/uui-color-slider/lib/uui-color-slider.element.ts b/packages/uui-color-slider/lib/uui-color-slider.element.ts
@@ -342,8 +342,11 @@ export class UUIColorSliderElement extends LabelMixin('label', LitElement) {
       }
 
       :host([type='opacity']) {
-        --uui-slider-background-image:
-          linear-gradient(45deg, var(--uui-palette-grey) 25%, transparent 25%),
+        --uui-slider-background-image: linear-gradient(
+            45deg,
+            var(--uui-palette-grey) 25%,
+            transparent 25%
+          ),
           linear-gradient(45deg, transparent 75%, var(--uui-palette-grey) 75%),
           linear-gradient(45deg, transparent 75%, var(--uui-palette-grey) 75%),
           linear-gradient(45deg, var(--uui-palette-grey) 25%, transparent 25%);
diff --git a/packages/uui-color-swatch/lib/uui-color-swatch.element.ts b/packages/uui-color-swatch/lib/uui-color-swatch.element.ts
@@ -251,8 +251,11 @@ export class UUIColorSwatchElement extends LabelMixin(
       }
 
       .color-swatch.color-swatch--transparent-bg {
-        background-image:
-          linear-gradient(45deg, var(--uui-palette-grey) 25%, transparent 25%),
+        background-image: linear-gradient(
+            45deg,
+            var(--uui-palette-grey) 25%,
+            transparent 25%
+          ),
           linear-gradient(45deg, transparent 75%, var(--uui-palette-grey) 75%),
           linear-gradient(45deg, transparent 75%, var(--uui-palette-grey) 75%),
           linear-gradient(45deg, var(--uui-palette-grey) 25%, transparent 25%);
diff --git a/packages/uui-combobox/lib/uui-combobox.test.ts b/packages/uui-combobox/lib/uui-combobox.test.ts
@@ -90,7 +90,7 @@ describe('UUIComboboxElement', () => {
   describe('events', () => {
     describe('change', () => {
       it('emits an change event on selection change', async () => {
-        const listener = oneEvent(element, UUIComboboxEvent.CHANGE);
+        const listener = oneEvent(element, UUIComboboxEvent.CHANGE, false);
         const list = element.querySelector('uui-combobox-list');
 
         const option = list!.children![0] as any;
@@ -105,7 +105,7 @@ describe('UUIComboboxElement', () => {
 
     describe('input', () => {
       it('emits an input event on file change', async () => {
-        const listener = oneEvent(element, UUIComboboxEvent.SEARCH);
+        const listener = oneEvent(element, UUIComboboxEvent.SEARCH, false);
 
         element.search = 'new';
 
diff --git a/packages/uui-file-dropzone/lib/uui-file-dropzone.test.ts b/packages/uui-file-dropzone/lib/uui-file-dropzone.test.ts
@@ -1,4 +1,4 @@
-import { html, fixture, expect } from '@open-wc/testing';
+import { html, fixture, expect, oneEvent } from '@open-wc/testing';
 import { UUIFileDropzoneElement } from './uui-file-dropzone.element';
 import { UUIFileDropzoneEvent } from './UUIFileDropzoneEvent';
 
diff --git a/packages/uui-file-preview/lib/uui-file-preview.story.ts b/packages/uui-file-preview/lib/uui-file-preview.story.ts
@@ -20,7 +20,11 @@ const meta: Meta = {
     html`<uui-file-preview ${spread(args)}
       >${renderSlots(args)}</uui-file-preview
     >`,
-  parameters: { readme: { markdown: readme } },
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
@@ -78,10 +82,12 @@ export const Image: Story = {
       const response = await fetch(imageUrl);
       const imageBlob = await response.blob();
 
-      return { file: new File([imageBlob], 'File 1', { type: 'image/jpeg' }) };
+      return {
+        file: new File([imageBlob], 'File 1', { type: 'image/jpeg' }),
+      };
     },
   ],
-  render: (_args, { loaded: { file } }) => {
+  render: (args, { loaded: { file } }) => {
     setTimeout(() => {
       const imagePreview = document.getElementById(
         'imagePreview',
diff --git a/packages/uui-form/lib/uui-form.test.ts b/packages/uui-form/lib/uui-form.test.ts
@@ -33,7 +33,7 @@ describe('UUIFormElement', () => {
   describe('events', () => {
     describe('submit', () => {
       it('emits a submit event when submitted', async () => {
-        const listener = oneEvent(formElement, 'submit');
+        const listener = oneEvent(formElement, 'submit', false);
 
         formElement.requestSubmit();
 
@@ -67,7 +67,7 @@ describe('UUIFormElement', () => {
     });
 
     it('has "submit-invalid" attribute if Form Control was invalid at submission.', async () => {
-      const listener = oneEvent(formElement, 'submit');
+      const listener = oneEvent(formElement, 'submit', false);
 
       formElement.requestSubmit();
 
@@ -78,7 +78,7 @@ describe('UUIFormElement', () => {
     });
 
     it('only has "submit-invalid" attribute if Form Control was invalid at submission.', async () => {
-      const listener = oneEvent(formElement, 'submit');
+      const listener = oneEvent(formElement, 'submit', false);
 
       input.value = 'something';
       formElement.requestSubmit();
@@ -88,14 +88,14 @@ describe('UUIFormElement', () => {
     });
 
     it('"submit-invalid" attribute is removed when form is re-validated and submitted.', async () => {
-      const listener = oneEvent(formElement, 'submit');
+      const listener = oneEvent(formElement, 'submit', false);
 
       formElement.requestSubmit();
 
       await listener;
       await expect(formElement.hasAttribute('submit-invalid')).to.be.true;
 
-      const listener2 = oneEvent(formElement, 'submit');
+      const listener2 = oneEvent(formElement, 'submit', false);
       input.value = 'something';
       formElement.requestSubmit();
 
diff --git a/packages/uui-icon/lib/uui-icon.test.ts b/packages/uui-icon/lib/uui-icon.test.ts
@@ -57,7 +57,11 @@ describe('UUIIconElement', () => {
   describe('events', () => {
     describe('ICON_REQUEST', () => {
       it('emits a icon request event when name is set', async () => {
-        const listener = oneEvent(element, UUIIconRequestEvent.ICON_REQUEST);
+        const listener = oneEvent(
+          element,
+          UUIIconRequestEvent.ICON_REQUEST,
+          false,
+        );
         element.name = 'test';
         const event = await listener;
         expect(event).to.exist;
diff --git a/packages/uui-input-lock/lib/uui-input-lock.test.ts b/packages/uui-input-lock/lib/uui-input-lock.test.ts
@@ -48,7 +48,7 @@ describe('UUIInputLockElement', () => {
   });
 
   it('emits lock change event', async () => {
-    const listener = oneEvent(element, UUIInputLockEvent.LOCK_CHANGE);
+    const listener = oneEvent(element, UUIInputLockEvent.LOCK_CHANGE, false);
 
     const toggle = element.shadowRoot?.querySelector(
       '#lock',
diff --git a/packages/uui-label/lib/uui-label.test.ts b/packages/uui-label/lib/uui-label.test.ts
@@ -52,7 +52,7 @@ describe('UUILabelElement', () => {
 
     describe('when label clicked', () => {
       it('sets focus on for-element', async () => {
-        const listener = oneEvent(inputEl, 'focus');
+        const listener = oneEvent(inputEl, 'focus', false);
 
         (scene.querySelector('uui-label') as any)?.click();
 
@@ -64,7 +64,7 @@ describe('UUILabelElement', () => {
 
       it('clicks the for-element', async () => {
         const inputEl = scene.querySelector('input')!;
-        const listener = oneEvent(inputEl, 'click');
+        const listener = oneEvent(inputEl, 'click', false);
 
         (scene.querySelector('uui-label') as any)?.click();
 
@@ -104,7 +104,7 @@ describe('UUILabelElement', () => {
     describe('when label clicked', () => {
       it('sets focus on for-element', async () => {
         const inputEl = scene.querySelector('input')!;
-        const listener = oneEvent(inputEl, 'focus');
+        const listener = oneEvent(inputEl, 'focus', false);
 
         (scene.querySelector('uui-label') as any)?.click();
 
@@ -116,7 +116,7 @@ describe('UUILabelElement', () => {
 
       it('clicks the for-element', async () => {
         const inputEl = scene.querySelector('input')!;
-        const listener = oneEvent(inputEl, 'click');
+        const listener = oneEvent(inputEl, 'click', false);
 
         (scene.querySelector('uui-label') as any)?.click();
 
diff --git a/packages/uui-pagination/lib/uui-pagination.test.ts b/packages/uui-pagination/lib/uui-pagination.test.ts
@@ -63,7 +63,7 @@ describe('UUIPaginationElement', () => {
   describe('events', () => {
     describe('change', () => {
       it('emits a change event when another page is clicked', async () => {
-        const listener = oneEvent(element, 'change');
+        const listener = oneEvent(element, 'change', false);
         const button = element.shadowRoot?.querySelector('#pages')!
           .children[3] as HTMLElement;
         button?.click();
diff --git a/packages/uui-popover-container/lib/uui-popover-container.test.ts b/packages/uui-popover-container/lib/uui-popover-container.test.ts
@@ -1,6 +1,6 @@
 import { html, fixture, expect, aTimeout } from '@open-wc/testing';
 import { UUIPopoverContainerElement } from './uui-popover-container.element';
-import { UUIButtonElement } from '@umbraco-ui/uui-button/lib';
+import '@umbraco-ui/uui-button/lib';
 
 class DummyElementWithShadowDom extends HTMLElement {
   constructor() {
@@ -64,8 +64,7 @@ describe('UUIPopoverContainerElement', () => {
       const popover = testContainer.querySelector(
         '#test-popover',
       ) as UUIPopoverContainerElement;
-      const button =
-        testContainer.querySelector<UUIButtonElement>('#trigger-button');
+      const button = testContainer.querySelector('#trigger-button');
 
       // Trigger the popover open
       button?.click();
@@ -108,8 +107,7 @@ describe('UUIPopoverContainerElement', () => {
       const innerScroll = testContainer.querySelector(
         '#inner-scroll',
       ) as HTMLElement;
-      const button =
-        testContainer.querySelector<UUIButtonElement>('#trigger-button');
+      const button = testContainer.querySelector('#trigger-button');
 
       // Trigger the popover open
       button?.click();
@@ -141,8 +139,7 @@ describe('UUIPopoverContainerElement', () => {
       const popover = testContainer.querySelector(
         '#test-popover',
       ) as UUIPopoverContainerElement;
-      const button =
-        testContainer.querySelector<UUIButtonElement>('#trigger-button');
+      const button = testContainer.querySelector('#trigger-button');
 
       // Open and close the popover multiple times
       button?.click();
diff --git a/packages/uui-radio/lib/uui-radio-group.test.ts b/packages/uui-radio/lib/uui-radio-group.test.ts
@@ -84,7 +84,7 @@ describe('UUIRadio', () => {
     });
 
     it('click does nothing when there is a checked radio', async () => {
-      const listener = oneEvent(element, UUIRadioGroupEvent.CHANGE);
+      const listener = oneEvent(element, UUIRadioGroupEvent.CHANGE, false);
       radios[2].click();
 
       const event = await listener;
@@ -183,7 +183,7 @@ describe('UuiRadioGroup in a Form', () => {
   });
 
   it('radio gets reset by form-reset', async () => {
-    const listener = oneEvent(element, UUIRadioGroupEvent.CHANGE);
+    const listener = oneEvent(element, UUIRadioGroupEvent.CHANGE, false);
     radios[1].click();
     await listener;
     formElement.reset();
@@ -194,7 +194,7 @@ describe('UuiRadioGroup in a Form', () => {
 
   describe('submit', () => {
     it('should submit when pressing enter', async () => {
-      const listener = oneEvent(formElement, 'submit');
+      const listener = oneEvent(formElement, 'submit', false);
       element.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter' }));
 
       const event = await listener;
diff --git a/packages/uui-ref-node-data-type/lib/uui-ref-node-data-type.test.ts b/packages/uui-ref-node-data-type/lib/uui-ref-node-data-type.test.ts
@@ -69,7 +69,7 @@ describe('UUIRefNodeDataTypeElement', () => {
   describe('events', () => {
     describe('open', () => {
       it('emits a open event when info is clicked', async () => {
-        const listener = oneEvent(element, 'open');
+        const listener = oneEvent(element, 'open', false);
         const infoElement: HTMLElement | null =
           element.shadowRoot!.querySelector('#info');
         infoElement?.click();
@@ -79,7 +79,7 @@ describe('UUIRefNodeDataTypeElement', () => {
       });
 
       it('emits a open event when icon is clicked', async () => {
-        const listener = oneEvent(element, 'open');
+        const listener = oneEvent(element, 'open', false);
         const iconElement: HTMLElement | null =
           element.shadowRoot!.querySelector('#icon');
         iconElement?.click();
@@ -93,7 +93,7 @@ describe('UUIRefNodeDataTypeElement', () => {
       it('emits a selected event when selectable', async () => {
         element.selectable = true;
         await elementUpdated(element);
-        const listener = oneEvent(element, 'selected');
+        const listener = oneEvent(element, 'selected', false);
         element.click();
         const event = await listener;
         expect(event).to.exist;
diff --git a/packages/uui-ref-node-document-type/lib/uui-ref-node-document-type.test.ts b/packages/uui-ref-node-document-type/lib/uui-ref-node-document-type.test.ts
@@ -70,7 +70,7 @@ describe('UUIRefNodeDocumentTypeElement', () => {
   describe('events', () => {
     describe('open', () => {
       it('emits a open event when info is clicked', async () => {
-        const listener = oneEvent(element, 'open');
+        const listener = oneEvent(element, 'open', false);
         const infoElement: HTMLElement | null =
           element.shadowRoot!.querySelector('#info');
         infoElement?.click();
@@ -80,7 +80,7 @@ describe('UUIRefNodeDocumentTypeElement', () => {
       });
 
       it('emits a open event when icon is clicked', async () => {
-        const listener = oneEvent(element, 'open');
+        const listener = oneEvent(element, 'open', false);
         const iconElement: HTMLElement | null =
           element.shadowRoot!.querySelector('#icon');
         iconElement?.click();
@@ -94,7 +94,7 @@ describe('UUIRefNodeDocumentTypeElement', () => {
       it('emits a selected event when selectable', async () => {
         element.selectable = true;
         await elementUpdated(element);
-        const listener = oneEvent(element, 'selected');
+        const listener = oneEvent(element, 'selected', false);
         element.click();
         const event = await listener;
         expect(event).to.exist;
diff --git a/packages/uui-ref-node-form/lib/uui-ref-node-form.test.ts b/packages/uui-ref-node-form/lib/uui-ref-node-form.test.ts
@@ -65,7 +65,7 @@ describe('UUIRefNodeFormElement', () => {
   describe('events', () => {
     describe('open', () => {
       it('emits a open event when info is clicked', async () => {
-        const listener = oneEvent(element, 'open');
+        const listener = oneEvent(element, 'open', false);
         const infoElement: HTMLElement | null =
           element.shadowRoot!.querySelector('#info');
         infoElement?.click();
@@ -75,7 +75,7 @@ describe('UUIRefNodeFormElement', () => {
       });
 
       it('emits a open event when icon is clicked', async () => {
-        const listener = oneEvent(element, 'open');
+        const listener = oneEvent(element, 'open', false);
         const iconElement: HTMLElement | null =
           element.shadowRoot!.querySelector('#icon');
         iconElement?.click();
@@ -89,7 +89,7 @@ describe('UUIRefNodeFormElement', () => {
       it('emits a selected event when selectable', async () => {
         element.selectable = true;
         await elementUpdated(element);
-        const listener = oneEvent(element, 'selected');
+        const listener = oneEvent(element, 'selected', false);
         element.click();
         const event = await listener;
         expect(event).to.exist;
diff --git a/packages/uui-ref-node-member/lib/uui-ref-node-member.test.ts b/packages/uui-ref-node-member/lib/uui-ref-node-member.test.ts
diff --git a/packages/uui-ref-node-package/lib/uui-ref-node-package.test.ts b/packages/uui-ref-node-package/lib/uui-ref-node-package.test.ts
diff --git a/packages/uui-ref-node-user/lib/uui-ref-node-user.test.ts b/packages/uui-ref-node-user/lib/uui-ref-node-user.test.ts
diff --git a/packages/uui-ref-node/lib/uui-ref-node.test.ts b/packages/uui-ref-node/lib/uui-ref-node.test.ts
diff --git a/packages/uui-tabs/lib/uui-tabs.story.ts b/packages/uui-tabs/lib/uui-tabs.story.ts
diff --git a/packages/uui-tabs/lib/uui-tabs.test.ts b/packages/uui-tabs/lib/uui-tabs.test.ts
diff --git a/packages/uui-toast-notification-container/lib/uui-toast-notification-container.test.ts b/packages/uui-toast-notification-container/lib/uui-toast-notification-container.test.ts
diff --git a/packages/uui-toast-notification/lib/uui-toast-notification.test.ts b/packages/uui-toast-notification/lib/uui-toast-notification.test.ts
diff --git a/packages/uui-toggle/lib/uui-toggle.test.ts b/packages/uui-toggle/lib/uui-toggle.test.ts
diff --git a/storyhelpers/render-slots.ts b/storyhelpers/render-slots.ts

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { html, fixture, expect } from '@open-wc/testing';`
	`1`	`+import { html, fixture, expect, oneEvent } from '@open-wc/testing';`
`2`	`2`	`import { UUIFileDropzoneElement } from './uui-file-dropzone.element';`
`3`	`3`	`import { UUIFileDropzoneEvent } from './UUIFileDropzoneEvent';`
`4`	`4`