test: use js for lit-renderer-test-component

vaadin · Nov 17, 2022 · de1e685 · de1e685
1 parent 8689090
commit de1e685
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 10 deletions.
diff --git a/...s/frontend/lit-renderer-test-component.js → ...s/frontend/lit-renderer-test-component.ts b/...s/frontend/lit-renderer-test-component.js → ...s/frontend/lit-renderer-test-component.ts
@@ -1,15 +1,20 @@
 import { html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
 
+type ItemModel = { item: any; index: number };
+
+type Renderer = (root: HTMLElement, _: HTMLElement, model: ItemModel) => void;
+
+@customElement('lit-renderer-test-component')
 export class LitRendererTestComponent extends LitElement {
-  static get properties() {
-    return {
-      renderer: { type: Object },
+  @property()
+  renderer?: Renderer;
 
-      detailsRenderer: { type: Object },
+  @property()
+  detailsRenderer?: Renderer;
 
-      items: { type: Array }
-    };
-  }
+  @property({ type: Array })
+  items: string[] = [];
 
   createRenderRoot() {
     return this;
@@ -57,5 +62,3 @@ export class LitRendererTestComponent extends LitElement {
     `;
   }
 }
-
-customElements.define('lit-renderer-test-component', LitRendererTestComponent);
diff --git a/...ion-tests/src/main/java/com/vaadin/flow/data/renderer/tests/LitRendererTestComponent.java b/...ion-tests/src/main/java/com/vaadin/flow/data/renderer/tests/LitRendererTestComponent.java
@@ -35,7 +35,7 @@
 import elemental.json.JsonValue;
 
 @Tag("lit-renderer-test-component")
-@JsModule("lit-renderer-test-component.js")
+@JsModule("lit-renderer-test-component.ts")
 public class LitRendererTestComponent extends Div
         implements HasDataProvider<String> {