summaryrefslogtreecommitdiffstats
path: root/src/components/molecules/forms/labelled-boolean-field.test.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/molecules/forms/labelled-boolean-field.test.tsx')
-rw-r--r--src/components/molecules/forms/labelled-boolean-field.test.tsx37
1 files changed, 37 insertions, 0 deletions
diff --git a/src/components/molecules/forms/labelled-boolean-field.test.tsx b/src/components/molecules/forms/labelled-boolean-field.test.tsx
new file mode 100644
index 0000000..55e04ea
--- /dev/null
+++ b/src/components/molecules/forms/labelled-boolean-field.test.tsx
@@ -0,0 +1,37 @@
+import { render, screen } from '@test-utils';
+import LabelledBooleanField from './labelled-boolean-field';
+import { label } from './labelled-boolean-field.fixture';
+
+describe('LabelledBooleanField', () => {
+ it('renders a labelled checkbox', () => {
+ render(
+ <LabelledBooleanField
+ checked={true}
+ id="jest-checkbox-field"
+ label={label}
+ name="jest-checkbox-field"
+ onChange={() => null}
+ type="checkbox"
+ value="checkbox"
+ />
+ );
+ expect(screen.getByLabelText(label)).toBeInTheDocument();
+ expect(screen.getByRole('checkbox')).toBeChecked();
+ });
+
+ it('renders a labelled radio option', () => {
+ render(
+ <LabelledBooleanField
+ checked={true}
+ id="jest-radio-field"
+ label={label}
+ name="jest-radio-field"
+ onChange={() => null}
+ type="radio"
+ value="radio"
+ />
+ );
+ expect(screen.getByLabelText(label)).toBeInTheDocument();
+ expect(screen.getByRole('radio')).toBeChecked();
+ });
+});