@wordpress/e2e-tests 8.27.0 → 8.28.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+## 8.28.0 (2025-08-07)
+
 ## 8.27.0 (2025-07-23)
 
 ## 8.26.0 (2025-06-25)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/e2e-tests",
-	"version": "8.27.0",
+	"version": "8.28.0",
 	"description": "End-To-End (E2E) tests for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -24,13 +24,13 @@
 		"npm": ">=8.19.2"
 	},
 	"dependencies": {
-		"@wordpress/e2e-test-utils": "^11.27.0",
-		"@wordpress/interactivity": "^6.27.0",
-		"@wordpress/interactivity-router": "^2.27.0",
-		"@wordpress/jest-console": "^8.27.0",
-		"@wordpress/jest-puppeteer-axe": "^7.27.0",
-		"@wordpress/scripts": "^30.20.0",
-		"@wordpress/url": "^4.27.0",
+		"@wordpress/e2e-test-utils": "^11.28.0",
+		"@wordpress/interactivity": "^6.28.0",
+		"@wordpress/interactivity-router": "^2.28.0",
+		"@wordpress/jest-console": "^8.28.0",
+		"@wordpress/jest-puppeteer-axe": "^7.28.0",
+		"@wordpress/scripts": "^30.21.0",
+		"@wordpress/url": "^4.28.0",
 		"chalk": "^4.0.0",
 		"expect-puppeteer": "^4.4.0",
 		"filenamify": "^4.2.0",
@@ -47,5 +47,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "abe06a6f2aef8d03c30ea9d5b3e133f041e523b1"
+	"gitHead": "28cc2098f5ee28f89096b638533796538f495f72"
 }

package/plugins/interactive-blocks/router-styles-blue/render.php

@@ -33,3 +33,12 @@ $wrapper_attributes = get_block_wrapper_attributes(
 );
 ?>
 <p <?php echo $wrapper_attributes; ?>>Blue</p>
+
+<noscript>
+	<style>
+		.noscript-style-test {
+			color: rgb(0, 0, 255) !important;
+			background-color: yellow !important;
+		}
+	</style>
+</noscript>

package/plugins/interactive-blocks/router-styles-red/render.php

@@ -33,3 +33,12 @@ $wrapper_attributes = get_block_wrapper_attributes(
 );
 ?>
 <p <?php echo $wrapper_attributes; ?>>Red</p>
+
+<noscript>
+	<style>
+		.noscript-style-test {
+			color: rgb(255, 0, 0) !important;
+			font-weight: bold !important;
+		}
+	</style>
+</noscript>

package/plugins/interactive-blocks/router-styles-wrapper/render.php

@@ -101,7 +101,16 @@ $wrapper_attributes = get_block_wrapper_attributes();
 
 	<!-- Text hidden when media=print applies. -->
 	<div class="hide-on-print" data-testid="hide-on-print">This should be visible when media is not "print".</div>
+	
+	<!-- Element for testing noscript styles being ignored -->
+	<div data-testid="noscript-style-test" class="noscript-style-test">This should not be affected by styles in noscript tags</div>
+	
+	<!-- Noscript styles that should be ignored -->
+	<noscript>
+		<style>
+			.noscript-style-test {
+				color: rgb(255, 0, 0) !important;
+			}
+		</style>
+	</noscript>
 </div>
-
-
-

package/plugins/server-side-rendered-block/editor.js

@@ -0,0 +1,49 @@
+( function () {
+	const { createElement: el, Fragment } = wp.element;
+	const { registerBlockType } = wp.blocks;
+	const { InspectorControls, useBlockProps } = wp.blockEditor;
+	const ServerSideRender = wp.serverSideRender;
+	const { PanelBody, __experimentalNumberControl: NumberControl } =
+		wp.components;
+
+	registerBlockType( 'test/server-side-rendered-block', {
+		apiVersion: 3,
+		title: 'Test Server-Side Render',
+		icon: 'coffee',
+		category: 'text',
+
+		edit: function Edit( { attributes, setAttributes } ) {
+			const blockProps = useBlockProps();
+			return el(
+				Fragment,
+				null,
+				el(
+					InspectorControls,
+					{},
+					el(
+						PanelBody,
+						null,
+						el( NumberControl, {
+							label: 'Count',
+							value: attributes.count || 0,
+							min: 0,
+							max: 10,
+							__next40pxDefaultSize: true,
+							onChange: ( value ) => {
+								setAttributes( { count: value } );
+							},
+						} )
+					)
+				),
+				el(
+					'div',
+					blockProps,
+					el( ServerSideRender, {
+						block: 'test/server-side-rendered-block',
+						attributes,
+					} )
+				)
+			);
+		},
+	} );
+} )();

package/plugins/server-side-rendered-block.php

@@ -0,0 +1,47 @@
+<?php
+/**
+ * Plugin Name: Gutenberg Test Server-Side Rendered Block
+ * Plugin URI: https://github.com/WordPress/gutenberg
+ * Author: Gutenberg Team
+ *
+ * @package gutenberg-test-server-side-rendered-block
+ */
+
+add_action(
+	'init',
+	static function () {
+		wp_register_script(
+			'server-side-rendered-block',
+			plugins_url( 'server-side-rendered-block/editor.js', __FILE__ ),
+			array( 'wp-blocks', 'wp-element', 'wp-editor', 'wp-components', 'wp-server-side-render' ),
+			filemtime( plugin_dir_path( __FILE__ ) . 'server-side-rendered-block/editor.js' ),
+			true
+		);
+
+		register_block_type(
+			'test/server-side-rendered-block',
+			array(
+				'attributes'            => array(
+					'count' => array(
+						'type'    => 'number',
+						'default' => 0,
+					),
+				),
+				'render_callback'       => static function ( $attributes ) {
+					$count = isset( $attributes['count'] ) ? absint( $attributes['count'] ) : 0;
+
+					// Simulate an empty response when count is over maximum value = 10.
+					if ( $count > 10 ) {
+						return '';
+					}
+
+					return sprintf(
+						'<p>Coffee count: %d</p>',
+						$count
+					);
+				},
+				'editor_script_handles' => array( 'server-side-rendered-block' ),
+			)
+		);
+	}
+);