fix the tests

src/components/alert/alert.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { aTimeout, expect, fixture, html, oneEvent } from '@open-wc/testing';
 import { clickOnElement, moveMouseOnElement } from '../../internal/test';
 import { queryByTestId } from '../../internal/test/data-testid-helpers';

src/components/animated-image/animated-image.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { clickOnElement } from '../../internal/test';
 import { expect, fixture, html, oneEvent } from '@open-wc/testing';
 import type SlAnimatedImage from './animated-image';

src/components/animation/animation.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { aTimeout, expect, fixture, html, oneEvent } from '@open-wc/testing';
 import type SlAnimation from './animation';
 

src/components/avatar/avatar.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { aTimeout, expect, fixture, html, waitUntil } from '@open-wc/testing';
 import type SlAvatar from './avatar';
 

src/components/badge/badge.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html } from '@open-wc/testing';
 import type SlBadge from './badge';
 

src/components/breadcrumb-item/breadcrumb-item.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html } from '@open-wc/testing';
 import type SlBreadcrumbItem from './breadcrumb-item';
 

src/components/breadcrumb/breadcrumb.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html } from '@open-wc/testing';
 import type SlBreadcrumb from './breadcrumb';
 

src/components/button-group/button-group.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { elementUpdated, expect, fixture, html } from '@open-wc/testing';
 import type SlButtonGroup from './button-group';
 

src/components/button/button.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html, waitUntil } from '@open-wc/testing';
 import { runFormControlBaseTests } from '../../internal/test/form-control-base-tests';
 import sinon from 'sinon';

src/components/card/card.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html } from '@open-wc/testing';
 import type SlCard from './card';
 

src/components/carousel-item/carousel-item.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html } from '@open-wc/testing';
 
 describe('<sl-carousel-item>', () => {

src/components/carousel/carousel.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { clickOnElement } from '../../internal/test';
 import { expect, fixture, html, oneEvent } from '@open-wc/testing';
 import sinon from 'sinon';

src/components/checkbox/checkbox.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { aTimeout, expect, fixture, html, oneEvent, waitUntil } from '@open-wc/testing';
 import { clickOnElement } from '../../internal/test';
 import { runFormControlBaseTests } from '../../internal/test/form-control-base-tests';

src/components/color-picker/color-picker.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { aTimeout, expect, fixture, html, oneEvent } from '@open-wc/testing';
 import { clickOnElement } from '../../internal/test';
 import { runFormControlBaseTests } from '../../internal/test/form-control-base-tests';

src/components/details/details.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 // cspell:dictionaries lorem-ipsum
 import { expect, fixture, html, waitUntil } from '@open-wc/testing';
 import sinon from 'sinon';

src/components/dialog/dialog.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 // cspell:dictionaries lorem-ipsum
 import { expect, fixture, html, waitUntil } from '@open-wc/testing';
 import { sendKeys } from '@web/test-runner-commands';

src/components/divider/divider.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { elementUpdated, expect, fixture, html } from '@open-wc/testing';
 import type SlDivider from './divider';
 

src/components/drawer/drawer.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 // cspell:dictionaries lorem-ipsum
 import { expect, fixture, html, waitUntil } from '@open-wc/testing';
 import { sendKeys } from '@web/test-runner-commands';

src/components/dropdown/dropdown.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { clickOnElement } from '../../internal/test';
 import { expect, fixture, html, waitUntil } from '@open-wc/testing';
 import { sendKeys, sendMouse } from '@web/test-runner-commands';

src/components/format-bytes/format-bytes.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { elementUpdated, expect, fixture, html } from '@open-wc/testing';
 import type SlFormatBytes from './format-bytes';
 

src/components/format-date/format-date.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html } from '@open-wc/testing';
 import sinon from 'sinon';
 import type SlFormatDate from './format-date';

src/components/format-number/format-number.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html } from '@open-wc/testing';
 import type SlFormatNumber from './format-number';
 

src/components/icon-button/icon-button.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html, waitUntil } from '@open-wc/testing';
 import sinon from 'sinon';
 import type SlIconButton from './icon-button';

src/components/icon/icon.test.ts

@@ -1,5 +1,5 @@
 import { elementUpdated, expect, fixture, html, oneEvent } from '@open-wc/testing';
-import { registerIconLibrary } from '../../shoelace';
+import { registerIconLibrary } from '../../../dist/shoelace.js';
 import type SlErrorEvent from '../../events/sl-error';
 import type SlIcon from './icon';
 import type SlLoadEvent from '../../events/sl-load';

src/components/image-comparer/image-comparer.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html } from '@open-wc/testing';
 import sinon from 'sinon';
 import type SlImageComparer from './image-comparer';

src/components/include/include.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { aTimeout, expect, fixture, html, waitUntil } from '@open-wc/testing';
 import sinon from 'sinon';
 import type SlInclude from './include';

src/components/input/input.test.ts

@@ -1,6 +1,7 @@
 // eslint-disable @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment
+import { getFormControls, serialize } from "../../../dist/shoelace.js"
 import { expect, fixture, html, oneEvent, waitUntil } from '@open-wc/testing';
-import { getFormControls, serialize } from '../../utilities/form';
+// import { getFormControls, serialize } from '../../utilities/form';
 import { runFormControlBaseTests } from '../../internal/test/form-control-base-tests';
 import { sendKeys } from '@web/test-runner-commands'; // must come from the same module
 import sinon from 'sinon';

src/components/menu-item/menu-item.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { clickOnElement } from '../../internal/test';
 import { expect, fixture, html, waitUntil } from '@open-wc/testing';
 import sinon from 'sinon';

src/components/menu-label/menu-label.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html } from '@open-wc/testing';
 import type SlMenuLabel from './menu-label';
 

src/components/menu/menu.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { clickOnElement } from '../../internal/test';
 import { expect, fixture } from '@open-wc/testing';
 import { html } from 'lit';

src/components/mutation-observer/mutation-observer.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html } from '@open-wc/testing';
 
 describe('<sl-mutation-observer>', () => {

src/components/option/option.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { aTimeout, expect, fixture, html, waitUntil } from '@open-wc/testing';
 import sinon from 'sinon';
 import type SlOption from './option';

src/components/popup/popup.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html } from '@open-wc/testing';
 
 describe('<sl-popup>', () => {

src/components/progress-bar/progress-bar.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html } from '@open-wc/testing';
 import type SlProgressBar from './progress-bar';
 

src/components/progress-ring/progress-ring.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html } from '@open-wc/testing';
 import type SlProgressRing from './progress-ring';
 

src/components/radio-button/radio-button.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html } from '@open-wc/testing';
 import type SlRadioButton from './radio-button';
 import type SlRadioGroup from '../radio-group/radio-group';

src/components/radio-group/radio-group.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { aTimeout, expect, fixture, html, oneEvent, waitUntil } from '@open-wc/testing';
 import { clickOnElement } from '../../internal/test';
 import { runFormControlBaseTests } from '../../internal/test/form-control-base-tests';

src/components/radio/radio.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html } from '@open-wc/testing';
 import type SlRadio from './radio';
 import type SlRadioGroup from '../radio-group/radio-group';

src/components/range/range.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { clickOnElement } from '../../internal/test';
 import { expect, fixture, html, oneEvent } from '@open-wc/testing';
 import { runFormControlBaseTests } from '../../internal/test/form-control-base-tests';

src/components/rating/rating.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { clickOnElement } from '../../internal/test';
 import { expect, fixture, html } from '@open-wc/testing';
 import { sendKeys } from '@web/test-runner-commands';

src/components/relative-time/relative-time.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html } from '@open-wc/testing';
 import { LocalizeController } from '@shoelace-style/localize';
 import sinon from 'sinon';

src/components/select/select.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { aTimeout, expect, fixture, html, oneEvent, waitUntil } from '@open-wc/testing';
 import { clickOnElement } from '../../internal/test';
 import { runFormControlBaseTests } from '../../internal/test/form-control-base-tests';

src/components/skeleton/skeleton.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html } from '@open-wc/testing';
 import type SlSkeleton from './skeleton';
 

src/components/spinner/spinner.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html } from '@open-wc/testing';
 import type SlSpinner from './spinner';
 

src/components/split-panel/split-panel.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { dragElement } from '../../internal/test';
 import { expect, fixture, html, oneEvent } from '@open-wc/testing';
 import { queryByTestId } from '../../internal/test/data-testid-helpers';

src/components/switch/switch.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { aTimeout, expect, fixture, html, oneEvent, waitUntil } from '@open-wc/testing';
 import { runFormControlBaseTests } from '../../internal/test/form-control-base-tests';
 import { sendKeys } from '@web/test-runner-commands';

src/components/tab-group/tab-group.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { aTimeout, elementUpdated, expect, fixture, oneEvent, waitUntil } from '@open-wc/testing';
 import { clickOnElement } from '../../internal/test';
 import { html } from 'lit';

src/components/tab-panel/tab-panel.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { aTimeout, expect, fixture, html } from '@open-wc/testing';
 import type SlTabPanel from './tab-panel';
 

src/components/tab/tab.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html } from '@open-wc/testing';
 import sinon from 'sinon';
 import type SlIconButton from '../icon-button/icon-button';

src/components/tag/tag.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html } from '@open-wc/testing';
 import sinon from 'sinon';
 import type SlTag from './tag';

src/components/textarea/textarea.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html, oneEvent, waitUntil } from '@open-wc/testing';
 import { runFormControlBaseTests } from '../../internal/test/form-control-base-tests';
 import { sendKeys } from '@web/test-runner-commands';

src/components/tooltip/tooltip.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html, waitUntil } from '@open-wc/testing';
 import sinon from 'sinon';
 import type SlPopup from '../popup/popup';

src/components/tree-item/tree-item.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html, oneEvent, waitUntil } from '@open-wc/testing';
 import sinon from 'sinon';
 import type SlTreeItem from './tree-item';

src/components/tree/tree.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { aTimeout, expect, fixture, html, triggerBlurFor, triggerFocusFor } from '@open-wc/testing';
 import { clickOnElement } from '../../internal/test';
 import { sendKeys } from '@web/test-runner-commands';

src/components/visually-hidden/visually-hidden.test.ts

@@ -1,3 +1,4 @@
+import "../../../dist/shoelace.js"
 import { expect, fixture, html } from '@open-wc/testing';
 
 describe('<sl-visually-hidden>', () => {

src/events/events.ts

@@ -1,34 +1,34 @@
-export { default as SlAfterCollapseEvent } from './sl-after-collapse';
-export { default as SlAfterExpandEvent } from './sl-after-expand';
-export { default as SlAfterHideEvent } from './sl-after-hide';
-export { default as SlAfterShowEvent } from './sl-after-show';
-export { default as SlBlurEvent } from './sl-blur';
-export { default as SlCancelEvent } from './sl-cancel';
-export { default as SlChangeEvent } from './sl-change';
-export { default as SlClearEvent } from './sl-clear';
-export { default as SlCloseEvent } from './sl-close';
-export { default as SlCollapseEvent } from './sl-collapse';
-export { default as SlErrorEvent } from './sl-error';
-export { default as SlExpandEvent } from './sl-expand';
-export { default as SlFinishEvent } from './sl-finish';
-export { default as SlFocusEvent } from './sl-focus';
-export { default as SlHideEvent } from './sl-hide';
-export { default as SlHoverEvent } from './sl-hover';
-export { default as SlInitialFocusEvent } from './sl-initial-focus';
-export { default as SlInputEvent } from './sl-input';
-export { default as SlInvalidEvent } from './sl-invalid';
-export { default as SlLazyChangeEvent } from './sl-lazy-change';
-export { default as SlLazyLoadEvent } from './sl-lazy-load';
-export { default as SlLoadEvent } from './sl-load';
-export { default as SlMutationEvent } from './sl-mutation';
-export { default as SlRemoveEvent } from './sl-remove';
-export { default as SlRepositionEvent } from './sl-reposition';
-export { default as SlRequestCloseEvent } from './sl-request-close';
-export { default as SlResizeEvent } from './sl-resize';
-export { default as SlSelectEvent } from './sl-select';
-export { default as SlSelectionChangeEvent } from './sl-selection-change';
-export { default as SlShowEvent } from './sl-show';
-export { default as SlSlideChange } from './sl-slide-change';
-export { default as SlStartEvent } from './sl-start';
-export { default as SlTabHideEvent } from './sl-tab-hide';
-export { default as SlTabShowEvent } from './sl-tab-show';
+export type { default as SlAfterCollapseEvent } from './sl-after-collapse';
+export type { default as SlAfterExpandEvent } from './sl-after-expand';
+export type { default as SlAfterHideEvent } from './sl-after-hide';
+export type { default as SlAfterShowEvent } from './sl-after-show';
+export type { default as SlBlurEvent } from './sl-blur';
+export type { default as SlCancelEvent } from './sl-cancel';
+export type { default as SlChangeEvent } from './sl-change';
+export type { default as SlClearEvent } from './sl-clear';
+export type { default as SlCloseEvent } from './sl-close';
+export type { default as SlCollapseEvent } from './sl-collapse';
+export type { default as SlErrorEvent } from './sl-error';
+export type { default as SlExpandEvent } from './sl-expand';
+export type { default as SlFinishEvent } from './sl-finish';
+export type { default as SlFocusEvent } from './sl-focus';
+export type { default as SlHideEvent } from './sl-hide';
+export type { default as SlHoverEvent } from './sl-hover';
+export type { default as SlInitialFocusEvent } from './sl-initial-focus';
+export type { default as SlInputEvent } from './sl-input';
+export type { default as SlInvalidEvent } from './sl-invalid';
+export type { default as SlLazyChangeEvent } from './sl-lazy-change';
+export type { default as SlLazyLoadEvent } from './sl-lazy-load';
+export type { default as SlLoadEvent } from './sl-load';
+export type { default as SlMutationEvent } from './sl-mutation';
+export type { default as SlRemoveEvent } from './sl-remove';
+export type { default as SlRepositionEvent } from './sl-reposition';
+export type { default as SlRequestCloseEvent } from './sl-request-close';
+export type { default as SlResizeEvent } from './sl-resize';
+export type { default as SlSelectEvent } from './sl-select';
+export type { default as SlSelectionChangeEvent } from './sl-selection-change';
+export type { default as SlShowEvent } from './sl-show';
+export type { default as SlSlideChange } from './sl-slide-change';
+export type { default as SlStartEvent } from './sl-start';
+export type { default as SlTabHideEvent } from './sl-tab-hide';
+export type { default as SlTabShowEvent } from './sl-tab-show';

src/shoelace.ts

@@ -62,6 +62,7 @@ export { default as SlVisuallyHidden } from './components/visually-hidden/visual
 export * from './utilities/animation';
 export * from './utilities/base-path';
 export * from './utilities/icon-library';
+export * from './utilities/form'
 
 // Events
 export * from './events/events';

web-test-runner.config.js

@@ -16,7 +16,7 @@ export default {
   plugins: [
     esbuildPlugin({
       ts: true,
-      target: 'auto'
+      target: 'es2020'
     })
   ],
   browsers: [
@@ -28,8 +28,10 @@ export default {
     <html lang="en-US">
       <head></head>
       <body>
-        <link rel="stylesheet" href="cdn/themes/light.css">
-        <script type="module" src="cdn/shoelace.js"></script>
+        <link rel="stylesheet" href="dist/themes/light.css">
+        <script>
+          window.process = {env: { NODE_ENV: "production" }}
+        </script>
         <script type="module" src="${testFramework}"></script>
       </body>
     </html>