Forms: Tests: Shouldn't submit if empty (#41504)

projects/packages/forms/changelog/add-forms-test

@@ -0,0 +1,4 @@
+Significance: minor
+Type: added
+
+Forms: Tests: An empty form shouldn't submit test

projects/packages/forms/tests/js/contact-form/contact-form.test.js

@@ -76,9 +76,15 @@ describe( 'Contact Form', () => {
 		beforeEach( () => {
 			setFormContent( `
 				<label for="name">Name</label>
-				<input id="name" name="name" required />
+				<input id="name" name="name">
 				<button type="submit">Submit</button>
 			` );
+			// Mock offsetParent for all elements
+			Object.defineProperty( HTMLElement.prototype, 'offsetParent', {
+				get() {
+					return {};
+				}, // Return a truthy value
+			} );
 			fireDomReadyEvent();
 		} );
 
@@ -100,7 +106,18 @@ describe( 'Contact Form', () => {
 			expect( spy ).toHaveBeenCalledTimes( 1 );
 		} );
 
-		it( "shouldn't submit an invalid form", () => {
+		it( "shouldn't submit form with missing required fields", () => {
+			const form = screen.getByRole( 'form' );
+			const input = screen.getByLabelText( 'Name' );
+			input.setAttribute( 'required', '' );
+			const spy = jest.spyOn( form, 'submit' ).mockImplementation( () => {} );
+
+			fireEvent.submit( form );
+
+			expect( spy ).not.toHaveBeenCalled();
+		} );
+
+		it( "shouldn't submit when all fields are empty", () => {
 			const form = screen.getByRole( 'form' );
 			const spy = jest.spyOn( form, 'submit' ).mockImplementation( () => {} );