fix e2e test with custom gutter options

Author: tschortsch

cypress/integration/row/row-filters-bootstrap-v5.spec.js

@@ -27,10 +27,10 @@ describe( 'Row Block Filters Bootstrap 5', () => {
 		cy.clickElementByText( 'label', 'No Gutters' );
 
 		// Additional horizontal gutters option should be available
-		cy.selectOptionIsAvailable( 'Horizontal Gutters', 'gx-4' );
+		cy.selectOptionIsAvailable( 'Horizontal Gutters', 'gx-10' );
 
 		// Horizontal Gutters option should be applied
-		cy.getSelectByLabel( 'Horizontal Gutters' ).select( 'gx-4' );
+		cy.getSelectByLabel( 'Horizontal Gutters' ).select( 'gx-10' );
 
 		cy.postContentMatchesSnapshot();
 	} );
@@ -44,10 +44,10 @@ describe( 'Row Block Filters Bootstrap 5', () => {
 		cy.clickElementByText( 'label', 'No Gutters' );
 
 		// Additional vertical gutters option should be available
-		cy.selectOptionIsAvailable( 'Vertical Gutters', 'gy-4' );
+		cy.selectOptionIsAvailable( 'Vertical Gutters', 'gy-10' );
 
 		// Vertical Gutters option should be applied
-		cy.getSelectByLabel( 'Vertical Gutters' ).select( 'gy-4' );
+		cy.getSelectByLabel( 'Vertical Gutters' ).select( 'gy-10' );
 
 		cy.postContentMatchesSnapshot();
 	} );

cypress/integration/row/row-filters-css-grid.spec.js

@@ -27,10 +27,10 @@ describe( 'Row Block Filters CSS grid', () => {
 		cy.clickElementByText( 'label', 'No Gutters' );
 
 		// Additional gutters option should be available
-		cy.selectOptionIsAvailable( 'Gutters', '1.5rem' );
+		cy.selectOptionIsAvailable( 'Gutters', '10rem' );
 
 		// Gutters option should be applied
-		cy.getSelectByLabel( 'Gutters' ).select( '1.5rem' );
+		cy.getSelectByLabel( 'Gutters' ).select( '10rem' );
 
 		cy.postContentMatchesSnapshot();
 	} );

e2e-test-plugins/row-filters/index.js

@@ -38,8 +38,8 @@
 		return [
 			...horizontalGuttersOptions,
 			{
-				label: 'Medium',
-				value: 'gx-4',
+				label: 'Huge',
+				value: 'gx-10',
 			},
 		];
 	}
@@ -54,8 +54,8 @@
 		return [
 			...verticalGuttersOptions,
 			{
-				label: 'Medium',
-				value: 'gy-4',
+				label: 'Huge',
+				value: 'gy-10',
 			},
 		];
 	}
@@ -70,8 +70,8 @@
 		return [
 			...cssGridGuttersOptions,
 			{
-				label: 'Medium',
-				value: '1.5rem',
+				label: 'Huge',
+				value: '10rem',
 			},
 		];
 	}

snapshots.js

@@ -48,10 +48,10 @@ module.exports = {
   },
   "Row Block Filters Bootstrap 5": {
     "wpBootstrapBlocks.row.horizontalGuttersOptions should add horizontal gutters option": {
-      "1": "<!-- wp:wp-bootstrap-blocks/row {\"noGutters\":false,\"horizontalGutters\":\"gx-4\"} -->\n<!-- wp:wp-bootstrap-blocks/column {\"sizeMd\":4} /-->\n\n<!-- wp:wp-bootstrap-blocks/column {\"sizeMd\":8} /-->\n<!-- /wp:wp-bootstrap-blocks/row -->"
+      "1": "<!-- wp:wp-bootstrap-blocks/row {\"noGutters\":false,\"horizontalGutters\":\"gx-10\"} -->\n<!-- wp:wp-bootstrap-blocks/column {\"sizeMd\":4} /-->\n\n<!-- wp:wp-bootstrap-blocks/column {\"sizeMd\":8} /-->\n<!-- /wp:wp-bootstrap-blocks/row -->"
     },
     "wpBootstrapBlocks.row.verticalGuttersOptions should add vertical gutters option": {
-      "1": "<!-- wp:wp-bootstrap-blocks/row {\"noGutters\":false,\"verticalGutters\":\"gy-4\"} -->\n<!-- wp:wp-bootstrap-blocks/column {\"sizeMd\":4} /-->\n\n<!-- wp:wp-bootstrap-blocks/column {\"sizeMd\":8} /-->\n<!-- /wp:wp-bootstrap-blocks/row -->"
+      "1": "<!-- wp:wp-bootstrap-blocks/row {\"noGutters\":false,\"verticalGutters\":\"gy-10\"} -->\n<!-- wp:wp-bootstrap-blocks/column {\"sizeMd\":4} /-->\n\n<!-- wp:wp-bootstrap-blocks/column {\"sizeMd\":8} /-->\n<!-- /wp:wp-bootstrap-blocks/row -->"
     },
     "wp_bootstrap_blocks_row_default_attributes should override default attributes with Bootstrap 5": {
       "1": "<!-- wp:wp-bootstrap-blocks/row {\"noGutters\":false} -->\n<!-- wp:wp-bootstrap-blocks/column {\"sizeMd\":4} /-->\n\n<!-- wp:wp-bootstrap-blocks/column {\"sizeMd\":8} /-->\n<!-- /wp:wp-bootstrap-blocks/row -->"
@@ -175,7 +175,7 @@ module.exports = {
   },
   "Row Block Filters CSS grid": {
     "wpBootstrapBlocks.row.cssGridGuttersOptions should add gutters option": {
-      "1": "<!-- wp:wp-bootstrap-blocks/row {\"noGutters\":false,\"cssGridGutters\":\"1.5rem\"} -->\n<!-- wp:wp-bootstrap-blocks/column {\"sizeMd\":4} /-->\n\n<!-- wp:wp-bootstrap-blocks/column {\"sizeMd\":8} /-->\n<!-- /wp:wp-bootstrap-blocks/row -->"
+      "1": "<!-- wp:wp-bootstrap-blocks/row {\"noGutters\":false,\"cssGridGutters\":\"10rem\"} -->\n<!-- wp:wp-bootstrap-blocks/column {\"sizeMd\":4} /-->\n\n<!-- wp:wp-bootstrap-blocks/column {\"sizeMd\":8} /-->\n<!-- /wp:wp-bootstrap-blocks/row -->"
     },
     "wp_bootstrap_blocks_row_default_attributes should override default attributes with CSS grid": {
       "1": "<!-- wp:wp-bootstrap-blocks/row {\"noGutters\":false} -->\n<!-- wp:wp-bootstrap-blocks/column {\"sizeMd\":4} /-->\n\n<!-- wp:wp-bootstrap-blocks/column {\"sizeMd\":8} /-->\n<!-- /wp:wp-bootstrap-blocks/row -->"