Add tests for default checkbox values

adobe · Sep 26, 2022 · 9332e7c · 9332e7c
1 parent 0dd59c0
commit 9332e7c
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/packages/@react-spectrum/checkbox/test/Checkbox.test.js b/packages/@react-spectrum/checkbox/test/Checkbox.test.js
@@ -31,6 +31,7 @@ describe('Checkbox', function () {
     let {getByLabelText} = render(<Component {...props}>Click Me</Component>);
 
     let checkbox = getByLabelText('Click Me');
+    expect(checkbox.value).toBe('on');
     expect(checkbox.checked).toBeFalsy();
     expect(checkbox).toHaveAttribute('aria-checked', 'false');
     expect(onChangeSpy).not.toHaveBeenCalled();
@@ -57,6 +58,7 @@ describe('Checkbox', function () {
     let {getByLabelText} = render(<Component {...props}>Click Me</Component>);
 
     let checkbox = getByLabelText('Click Me');
+    expect(checkbox.value).toBe('on');
     expect(checkbox.checked).toBeTruthy();
 
     userEvent.click(checkbox);
@@ -73,6 +75,7 @@ describe('Checkbox', function () {
     let {getByLabelText} = render(<Component {...props}>Click Me</Component>);
 
     let checkbox = getByLabelText('Click Me');
+    expect(checkbox.value).toBe('on');
     expect(checkbox.checked).toBeTruthy();
 
     userEvent.click(checkbox);
@@ -89,6 +92,7 @@ describe('Checkbox', function () {
     let {getByLabelText} = render(<Component {...props}>Click Me</Component>);
 
     let checkbox = getByLabelText('Click Me');
+    expect(checkbox.value).toBe('on');
     expect(checkbox.checked).toBeFalsy();
 
     userEvent.click(checkbox);
@@ -105,6 +109,7 @@ describe('Checkbox', function () {
     let {getByLabelText} = render(<Component {...props}>Click Me</Component>);
 
     let checkbox = getByLabelText('Click Me');
+    expect(checkbox.value).toBe('on');
     expect(checkbox.checked).toBeFalsy();
 
     userEvent.click(checkbox);
@@ -119,6 +124,7 @@ describe('Checkbox', function () {
     let {getByRole} = render(<Component {...props}>Click Me</Component>);
 
     let checkbox = getByRole('checkbox');
+    expect(checkbox.value).toBe('on');
     expect(checkbox).toHaveAttribute('aria-invalid', 'true');
   });
 
@@ -129,6 +135,7 @@ describe('Checkbox', function () {
     let {getByRole} = render(<Component {...props}>Click Me</Component>);
 
     let checkbox = getByRole('checkbox');
+    expect(checkbox.value).toBe('on');
     expect(checkbox).toHaveAttribute('aria-invalid', 'true');
     expect(checkbox).toHaveAttribute('aria-errormessage', 'test');
   });
@@ -141,6 +148,7 @@ describe('Checkbox', function () {
     let {getByLabelText} = render(<Component {...props}>Click Me</Component>);
 
     let checkbox = getByLabelText('Click Me');
+    expect(checkbox.value).toBe('on');
     expect(checkbox).toHaveAttribute('aria-checked', 'mixed');
     expect(checkbox.indeterminate).toBeTruthy();
     expect(checkbox.checked).toBeFalsy();
@@ -167,6 +175,7 @@ describe('Checkbox', function () {
     let {getByRole} = render(<Component {...props} />);
 
     let checkbox = getByRole('checkbox');
+    expect(checkbox.value).toBe('on');
     expect(checkbox).toHaveAttribute('aria-label', props['aria-label']);
   });
 
@@ -182,6 +191,7 @@ describe('Checkbox', function () {
     );
 
     let checkbox = getByRole('checkbox');
+    expect(checkbox.value).toBe('on');
     expect(checkbox).toHaveAttribute('aria-labelledby', props['aria-labelledby']);
   });
 
@@ -197,6 +207,7 @@ describe('Checkbox', function () {
     );
 
     let checkbox = getByRole('checkbox');
+    expect(checkbox.value).toBe('on');
     expect(checkbox).toHaveAttribute('aria-describedby', props['aria-describedby']);
   });
 
@@ -207,6 +218,7 @@ describe('Checkbox', function () {
     let {getByTestId} = render(<Component {...props}>Click Me</Component>);
 
     let checkboxLabel = getByTestId('target');
+    expect(checkbox.value).toBe('on');
     expect(checkboxLabel).toBeInTheDocument();
   });
 
@@ -217,6 +229,7 @@ describe('Checkbox', function () {
     let {getByRole} = render(<Component {...props}>Hi</Component>);
 
     let checkbox = getByRole('checkbox');
+    expect(checkbox.value).toBe('on');
     expect(checkbox).toHaveAttribute('tabIndex', '-1');
   });
 
@@ -227,6 +240,7 @@ describe('Checkbox', function () {
     let {getByLabelText} = render(<Component {...props}>Click Me</Component>);
 
     let checkbox = getByLabelText('Click Me');
+    expect(checkbox.value).toBe('on');
     expect(checkbox.checked).toBeTruthy();
 
     userEvent.click(checkbox);
@@ -241,6 +255,7 @@ describe('Checkbox', function () {
     let {getByLabelText} = render(<Component {...props}>Click Me</Component>);
 
     let checkbox = getByLabelText('Click Me');
+    expect(checkbox.value).toBe('on');
     expect(checkbox.checked).toBeFalsy();
 
     act(() => {userEvent.click(checkbox);});