diff --git a/src/test/my-element_test.ts b/src/test/my-element_test.ts index ce67090..3f496b6 100644 --- a/src/test/my-element_test.ts +++ b/src/test/my-element_test.ts @@ -7,6 +7,7 @@ import {MyElement} from '../my-element.js'; import {fixture, assert} from '@open-wc/testing'; +import {UncompiledTemplateResult} from 'lit'; import {html} from 'lit/static-html.js'; suite('my-element', () => { @@ -16,7 +17,9 @@ suite('my-element', () => { }); test('renders with default values', async () => { - const el = await fixture(html``); + const el = await fixture( + html`` as UncompiledTemplateResult + ); assert.shadowDom.equal( el, ` @@ -28,7 +31,9 @@ suite('my-element', () => { }); test('renders with a set name', async () => { - const el = await fixture(html``); + const el = await fixture( + html`` as UncompiledTemplateResult + ); assert.shadowDom.equal( el, ` @@ -40,7 +45,9 @@ suite('my-element', () => { }); test('handles a click', async () => { - const el = (await fixture(html``)) as MyElement; + const el = (await fixture( + html`` as UncompiledTemplateResult + )) as MyElement; const button = el.shadowRoot!.querySelector('button')!; button.click(); await el.updateComplete; @@ -55,7 +62,9 @@ suite('my-element', () => { }); test('styling applied', async () => { - const el = (await fixture(html``)) as MyElement; + const el = (await fixture( + html`` as UncompiledTemplateResult + )) as MyElement; await el.updateComplete; assert.equal(getComputedStyle(el).paddingTop, '16px'); });