add tests

Author: paula-stacho

packages/compass-global-writes/src/components/shard-zones-table.spec.tsx

@@ -55,4 +55,70 @@ describe('Compass GlobalWrites Plugin', function () {
     expect(within(rows[2]).getByText('Germany - Berlin (DE-BE)')).to.be.visible;
     expect(within(rows[2]).getByText('EMEA (Frankfurt)')).to.be.visible;
   });
+
+  it('allows top level search', function () {
+    render(
+      <ShardZonesTable
+        shardZones={[
+          ...shardZones,
+          {
+            zoneId: '438908',
+            country: 'Slovakia',
+            readableName: 'Slovakia',
+            isoCode: 'SK',
+            typeOneIsoCode: 'SK',
+            zoneName: 'Zone 2',
+            zoneLocations: ['Location 2'],
+          },
+        ]}
+      />
+    );
+
+    const searchInput = screen.getByLabelText('Search for a location');
+    expect(searchInput).to.be.visible;
+    userEvent.type(searchInput, 'Slo');
+    const rows = screen.getAllByRole('row');
+    expect(rows).to.have.lengthOf(2); // 1 header, 1 item
+    expect(within(rows[1]).getByText('Slovakia (SK)')).to.be.visible;
+    expect(within(rows[1]).getByText('Zone 2 (Location 2)')).to.be.visible;
+  });
+
+  it('allows subZone search', function () {
+    render(
+      <ShardZonesTable
+        shardZones={[
+          ...shardZones,
+          {
+            zoneId: '4389048',
+            country: 'Slovakia',
+            readableName: 'Slovakia',
+            isoCode: 'SK',
+            typeOneIsoCode: 'SK',
+            zoneName: 'Zone 2',
+            zoneLocations: ['Location 2'],
+          },
+          {
+            zoneId: '8908900',
+            country: 'Slovakia',
+            readableName: 'Slovakia - Bratislava',
+            isoCode: 'SK-BA',
+            typeOneIsoCode: 'SK',
+            zoneName: 'Zone 2',
+            zoneLocations: ['Location 2'],
+          },
+        ]}
+      />
+    );
+
+    const searchInput = screen.getByLabelText('Search for a location');
+    expect(searchInput).to.be.visible;
+    userEvent.type(searchInput, 'Bra');
+    const rows = screen.getAllByRole('row');
+    expect(rows).to.have.lengthOf(3); // 1 header, 2 items
+    expect(within(rows[1]).getByText('Slovakia (SK)')).to.be.visible;
+    expect(within(rows[1]).getByText('Zone 2 (Location 2)')).to.be.visible;
+    expect(within(rows[2]).getByText('Slovakia - Bratislava (SK-BA)')).to.be
+      .visible;
+    expect(within(rows[2]).getByText('Zone 2 (Location 2)')).to.be.visible;
+  });
 });

packages/compass-global-writes/src/components/shard-zones-table.tsx

@@ -29,7 +29,6 @@ const containerStyles = css({
 interface ShardZoneRow {
   locationName: string;
   zone: string;
-  searchable: string;
 }
 
 interface ShardZoneExpandableRow extends ShardZoneRow {
@@ -46,6 +45,7 @@ const columns: Array<LGColumnDef<ShardZoneRow>> = [
     accessorKey: 'zone',
     header: 'Zone',
     enableSorting: true,
+    enableGlobalFilter: false,
   },
 ];
 
@@ -57,7 +57,6 @@ const parseRow = ({
 }: ShardZoneData): ShardZoneRow => ({
   locationName: `${readableName} (${isoCode})`,
   zone: `${zoneName} (${zoneLocations.join(', ')})`,
-  searchable: readableName,
 });
 
 const parseData = (shardZones: ShardZoneData[]): ShardZoneExpandableRow[] => {