diff --git a/tests/widget.test.ts b/tests/widget.test.ts index d8607c77..2f7c5aef 100644 --- a/tests/widget.test.ts +++ b/tests/widget.test.ts @@ -56,12 +56,14 @@ describe("basic widget properties", () => { test("widget style and classname", async () => { class StyledWidget extends Widget { - template= `
world
`; + template = `
world
`; } const widget = makeWidget(StyledWidget); const target = document.createElement("div"); await widget.mount(target); - expect(target.innerHTML).toBe(`
world
`); + expect(target.innerHTML).toBe( + `
world
` + ); }); }); @@ -104,7 +106,7 @@ describe("lifecycle hooks", () => { document.body.appendChild(target); await widget.mount(target); expect(mounted).toBe(true); - target.remove() + target.remove(); }); }); @@ -120,19 +122,17 @@ describe("destroy method", () => { }); describe("composition", () => { - - class WidgetB extends Widget { - template= `
world
`; + class WidgetA extends Widget { + name = "a"; + template = `
Hello
`; + widgets = { b: WidgetB }; } - class WidgetA extends Widget { - name="a"; - template= `
Hello
`; - widgets = {b: WidgetB} + class WidgetB extends Widget { + template = `
world
`; } test("a widget with a sub widget", async () => { - const widget = makeWidget(WidgetA); const target = document.createElement("div"); await widget.mount(target); @@ -140,11 +140,11 @@ describe("composition", () => { }); test("t-refs on widget are widgets", async () => { - class WidgetC extends Widget { - name="a"; - template= `
Hello
`; - widgets = {b: WidgetB} - } + class WidgetC extends Widget { + name = "a"; + template = `
Hello
`; + widgets = { b: WidgetB }; + } const widget = makeWidget(WidgetC); const target = document.createElement("div"); await widget.mount(target);