chore: [capricorn86#1410] Add two tests around labels wrapping inputs

Lanny · Apr 17, 2024 · 81b88b8 · 81b88b8
1 parent c29f36c
commit 81b88b8
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 0 deletions.
diff --git a/packages/jest-environment/test/jquery/JQuery.test.ts b/packages/jest-environment/test/jquery/JQuery.test.ts
@@ -14,6 +14,10 @@ describe('JQuery', () => {
                 <b>Bold</b>
                 <!-- Comment 2 !-->
             </article>
+            <label id="checkbox-label">
+              <input type="checkbox" />
+              <span>Label</span>
+            </label>
         `;
 	});
 
@@ -25,4 +29,11 @@ describe('JQuery', () => {
 		JQuery('span').addClass('test-span');
 		expect(document.body.children[0].children[1].getAttribute('class')).toBe('test-span');
 	});
+
+	it('Handles clicks on labels correctly', () => {
+		const onClick = jest.fn();
+		JQuery('#checkbox-label input').on('click', onClick);
+		JQuery('#checkbox-label')[0].click();
+		expect(onClick).toHaveBeenCalledTimes(1);
+	});
 });
diff --git a/packages/jest-environment/test/react/React.test.tsx b/packages/jest-environment/test/react/React.test.tsx
@@ -110,4 +110,18 @@ describe('React', () => {
 		await TESTING_LIBRARY_USER.click(button);
 		expect(document.querySelector('p span').textContent).toBe('test');
 	});
+
+	it('handles clicks on labels correctly', async () => {
+		const onClick = jest.fn();
+		const { getByTestId } = ReactTestingLibrary.render(
+			<label data-testid="checkbox-label">
+				<input type="checkbox" onClick={onClick} />
+				<span>Label</span>
+			</label>
+		);
+
+		await TESTING_LIBRARY_USER.click(getByTestId('checkbox-label'));
+
+		expect(onClick).toHaveReturnedTimes(1);
+	});
 });