Fix: Attribute filter flaky test (#6862)

tests/e2e/specs/shopper/filter-products-by-attribute.test.ts

@@ -87,6 +87,8 @@ describe( `${ block.name } Block`, () => {
 		it( 'should show only products that match the filter', async () => {
 			const isRefreshed = jest.fn( () => void 0 );
 			page.on( 'load', isRefreshed );
+
+			await page.waitForSelector( selectors.frontend.filter );
 			await page.click( selectors.frontend.filter );
 			await waitForAllProductsBlockLoaded();
 			const products = await page.$$( selectors.frontend.productsList );
@@ -119,14 +121,17 @@ describe( `${ block.name } Block`, () => {
 			);
 			await canvasEl.click( selectors.editor.doneButton );
 			await saveTemplate();
-			await goToShopPage();
 		} );
 
 		afterAll( async () => {
 			await deleteAllTemplates( 'wp_template' );
 			await deleteAllTemplates( 'wp_template_part' );
 		} );
 
+		beforeEach( async () => {
+			await goToShopPage();
+		} );
+
 		it( 'should render', async () => {
 			const products = await page.$$(
 				selectors.frontend.classicProductsList
@@ -145,6 +150,8 @@ describe( `${ block.name } Block`, () => {
 
 			expect( isRefreshed ).not.toBeCalled();
 
+			await page.waitForSelector( selectors.frontend.filter );
+
 			await Promise.all( [
 				page.waitForNavigation(),
 				page.click( selectors.frontend.filter ),