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');
});