@wordpress/e2e-tests 8.26.1-next.719a03cbe.0 → 8.27.1-next.46f643fa0.0

package/CHANGELOG.md

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/e2e-tests",
-	"version": "8.26.1-next.719a03cbe.0",
+	"version": "8.27.1-next.46f643fa0.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.26.1-next.719a03cbe.0",
-		"@wordpress/interactivity": "^6.26.1-next.719a03cbe.0",
-		"@wordpress/interactivity-router": "^2.26.1-next.719a03cbe.0",
-		"@wordpress/jest-console": "^8.26.1-next.719a03cbe.0",
-		"@wordpress/jest-puppeteer-axe": "^7.26.1-next.719a03cbe.0",
-		"@wordpress/scripts": "^30.19.1-next.719a03cbe.0",
-		"@wordpress/url": "^4.26.1-next.719a03cbe.0",
+		"@wordpress/e2e-test-utils": "^11.27.1-next.46f643fa0.0",
+		"@wordpress/interactivity": "^6.28.1-next.46f643fa0.0",
+		"@wordpress/interactivity-router": "^2.27.1-next.46f643fa0.0",
+		"@wordpress/jest-console": "^8.27.1-next.46f643fa0.0",
+		"@wordpress/jest-puppeteer-axe": "^7.27.1-next.46f643fa0.0",
+		"@wordpress/scripts": "^30.20.1-next.46f643fa0.0",
+		"@wordpress/url": "^4.27.1-next.46f643fa0.0",
 		"chalk": "^4.0.0",
 		"expect-puppeteer": "^4.4.0",
 		"filenamify": "^4.2.0",
@@ -47,5 +47,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "5e146e949c2765411a8310bcc2641a88d036a6d9"
+	"gitHead": "17e600e091675c5e3d809adfea23ac456bbeae19"
 }

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

@@ -15,6 +15,13 @@ add_action(
 			plugin_dir_url( __FILE__ ) . 'style-from-link.css',
 			array()
 		);
+		wp_enqueue_style(
+			'wrapper-styles-media-print',
+			plugin_dir_url( __FILE__ ) . 'style-media-print.css',
+			array(),
+			false,
+			'print'
+		);
 	}
 );
 
@@ -91,4 +98,19 @@ $wrapper_attributes = get_block_wrapper_attributes();
 	<div data-wp-interactive="test/router-styles" >
 		Prefetching: <span data-testid="prefetching" data-wp-text="state.prefetching"></span>
 	</div>
+
+	<!-- 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/interactive-blocks/router-styles-wrapper/style-media-print.css

@@ -0,0 +1,3 @@
+.wp-block-test-router-styles-wrapper .hide-on-print {
+    display: none;
+}

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' ),
+			)
+		);
+	}
+);