test: [M3-8518] - Add unit tests for SelectableTableRow component

packages/manager/.changeset/pr-10890-tests-1725525454848.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tests
+---
+
+Add unit tests for SelectableTableRow component ([#10890](https://github.com/linode/manager/pull/10890))

packages/manager/src/components/SelectableTableRow/SelectableTableRow.test.tsx

@@ -0,0 +1,78 @@
+import { fireEvent, render } from '@testing-library/react';
+import * as React from 'react';
+
+import { wrapWithTableBody } from 'src/utilities/testHelpers';
+
+import { TableCell } from '../TableCell';
+import { SelectableTableRow } from './SelectableTableRow';
+
+const cells = [
+  { id: 1, label: 'child-cell-1' },
+  { id: 2, label: 'child-cell-2' },
+  { id: 3, label: 'child-cell-3' },
+];
+
+const defaultArgs = {
+  children: cells.map((cell) => (
+    <TableCell key={cell.id}>{cell.label}</TableCell>
+  )),
+  handleToggleCheck: vi.fn(),
+  isChecked: false,
+};
+
+const ariaLabel = 'Select all entities on page';
+
+describe('SelectableTableRow', () => {
+  it('should render table row with checkbox and child content', () => {
+    const { getAllByText, getByRole, getByText } = render(
+      wrapWithTableBody(<SelectableTableRow {...defaultArgs} />)
+    );
+
+    const checkbox = getByRole('checkbox', {
+      name: ariaLabel,
+    });
+
+    expect(checkbox).toBeInTheDocument();
+
+    cells.forEach((cell) => {
+      expect(getByText(cell.label)).toBeInTheDocument();
+    });
+
+    expect(getAllByText(/child-cell-/i)).toHaveLength(cells.length);
+  });
+
+  it('should call handleToggleCheck on click', () => {
+    const { getByRole } = render(
+      wrapWithTableBody(<SelectableTableRow {...defaultArgs} />)
+    );
+
+    const checkbox = getByRole('checkbox', {
+      name: ariaLabel,
+    });
+
+    fireEvent.click(checkbox);
+    expect(defaultArgs.handleToggleCheck).toHaveBeenCalled();
+  });
+
+  it.each([
+    [true, 'checked'],
+    [false, 'unchecked'],
+  ])(
+    'should correctly reflect the checkbox state when isChecked is %s',
+    (isChecked) => {
+      const { getByRole } = render(
+        wrapWithTableBody(
+          <SelectableTableRow {...defaultArgs} isChecked={isChecked} />
+        )
+      );
+
+      const checkbox = getByRole('checkbox', { name: ariaLabel });
+
+      if (isChecked) {
+        expect(checkbox).toBeChecked();
+      } else {
+        expect(checkbox).not.toBeChecked();
+      }
+    }
+  );
+});