@arbor-education/design-system.components 4.7.0 → 4.8.0

package/src/components/table/cellRenderers/SelectDropdownCellRenderer.test.tsx

@@ -38,6 +38,17 @@ describe('SelectDropdownCellRenderer', () => {
     expect(screen.getByRole('button')).toBeInTheDocument();
   });
 
+  test('applies the error style and aria-invalid when hasError is true', () => {
+    render(<SelectDropdownCellRenderer {...createMockProps()} hasError={true} />);
+    expect(screen.getByRole('button')).toHaveClass('ds-button--error');
+    expect(screen.getByRole('button')).toHaveAttribute('aria-invalid', 'true');
+  });
+
+  test('does not apply the error style when hasError is not set', () => {
+    render(<SelectDropdownCellRenderer {...createMockProps()} />);
+    expect(screen.getByRole('button')).not.toHaveClass('ds-button--error');
+  });
+
   describe('backgroundColor', () => {
     test('does not apply the custom-bg or text-contrast modifiers when not provided', () => {
       const { container } = render(<SelectDropdownCellRenderer {...createMockProps()} />);

package/src/components/table/cellRenderers/SelectDropdownCellRenderer.tsx

@@ -47,7 +47,7 @@ export const SelectDropdownCellRenderer = (
     hasError,
     id,
     'aria-describedBy': ariaDescribedBy,
-    'aria-invalid': ariaInvalid,
+    'aria-invalid': ariaInvalid = hasError,
     alwaysShowPlaceholder = false,
     backgroundColor,
     fillCell = false,