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