test: fix existing tests

Author: metonym

tests/DataTableAppendColumns.test.svelte

@@ -6,19 +6,64 @@
     { key: "port", value: "Port" },
     { key: "rule", value: "Rule" },
     { key: "overflow", empty: true },
-  ];
+  ] as const;
 
   const rows = [
-    { id: "a", name: "Load Balancer 3", port: 3000, rule: "Round robin" },
-    { id: "b", name: "Load Balancer 1", port: 443, rule: "Round robin" },
-    { id: "c", name: "Load Balancer 2", port: 80, rule: "DNS delegation" },
-    { id: "d", name: "Load Balancer 6", port: 3000, rule: "Round robin" },
-    { id: "e", name: "Load Balancer 4", port: 443, rule: "Round robin" },
-    { id: "f", name: "Load Balancer 5", port: 80, rule: "DNS delegation" },
+    {
+      id: "a",
+      name: "Load Balancer 3",
+      port: 3000,
+      rule: "Round robin",
+      overflow: null,
+    },
+    {
+      id: "b",
+      name: "Load Balancer 1",
+      port: 443,
+      rule: "Round robin",
+      overflow: null,
+    },
+    {
+      id: "c",
+      name: "Load Balancer 2",
+      port: 80,
+      rule: "DNS delegation",
+      overflow: null,
+    },
+    {
+      id: "d",
+      name: "Load Balancer 6",
+      port: 3000,
+      rule: "Round robin",
+      overflow: null,
+    },
+    {
+      id: "e",
+      name: "Load Balancer 4",
+      port: 443,
+      rule: "Round robin",
+      overflow: null,
+    },
+    {
+      id: "f",
+      name: "Load Balancer 5",
+      port: 80,
+      rule: "DNS delegation",
+      overflow: null,
+    },
   ];
 </script>
 
-<DataTable sortable headers="{headers}" rows="{rows}">
+<DataTable
+  sortable
+  headers="{[
+    { key: 'name', value: 'Name' },
+    { key: 'port', value: 'Port' },
+    { key: 'rule', value: 'Rule' },
+    { key: 'overflow', empty: true },
+  ]}"
+  rows="{rows}"
+>
   <span slot="cell" let:cell>
     {#if cell.key === "overflow"}
       <OverflowMenu flipped>

tests/DataTableBatchSelection.test.svelte

@@ -5,7 +5,7 @@
     { key: "name", value: "Name" },
     { key: "port", value: "Port" },
     { key: "rule", value: "Rule" },
-  ];
+  ] as const;
 
   const rows = [
     { id: "a", name: "Load Balancer 3", port: 3000, rule: "Round robin" },

tests/RadioSelectableDataTable.test.svelte

@@ -5,7 +5,7 @@
     { key: "name", value: "Name" },
     { key: "port", value: "Port" },
     { key: "rule", value: "Rule" },
-  ];
+  ] as const;
 
   const rows = [
     { id: "a", name: "Load Balancer 3", port: 3000, rule: "Round robin" },