From d6704ec2b5f001c8d3839b520db8bbb44a854b6d Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sat, 4 May 2024 14:22:14 -0700
Subject: [PATCH] test(data-table): update test

---
 tests/DataTable.test.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/tests/DataTable.test.svelte b/tests/DataTable.test.svelte
index 3bd17cc7..406d4748 100644
--- a/tests/DataTable.test.svelte
+++ b/tests/DataTable.test.svelte
@@ -10,16 +10,15 @@
     Button,
     Link,
   } from "carbon-components-svelte";
-  import type { DataTableHeader } from "carbon-components-svelte/DataTable/DataTable.svelte";
   import Launch from "carbon-icons-svelte/lib/Launch.svelte";
   import type { ComponentProps } from "svelte";
 
-  const headers: DataTableHeader[] = [
+  const headers = [
     { key: "name", value: "Name" },
     { key: "protocol", value: "Protocol", width: "400px", minWidth: "40%" },
     { key: "port", value: "Port" },
     { key: "rule", value: "Rule", sort: false },
-  ];
+  ] as const;
   const rows = [
     {
       id: "a",
@@ -312,6 +311,7 @@
       key: 'port',
       value: 'Port',
       display: (value, row) => {
+        console.log(row.port);
         return value + ' €';
       },
       sort: (a, b) => {
@@ -340,7 +340,7 @@
   }}"
   on:click="{(e) => {
     e.detail.cell;
-    e.detail.row.name;
+    e.detail.row?.name;
   }}"
   on:click:row--expand="{(e) => {
     const detail = e.detail;