Add e2e test for copying obj from server context

luisherranz · luisherranz · commit 116c0ba74543 · 2025-11-24T11:24:49.000+01:00
diff --git a/packages/e2e-tests/plugins/interactive-blocks/get-server-context/render.php b/packages/e2e-tests/plugins/interactive-blocks/get-server-context/render.php
@@ -47,6 +47,7 @@
 	>
 		<div data-testid="prop" data-wp-text="context.prop"></div>
 		<div data-testid="nested.prop" data-wp-text="context.nested.prop"></div>
+		<div data-testid="objCopiedFromServer" data-wp-text="context.objCopiedFromServer.prop"></div>
 		<div data-testid="newProp" data-wp-text="context.newProp"></div>
 		<div data-testid="nested.newProp" data-wp-text="context.nested.newProp"></div>
 		<div data-testid="inherited.prop" data-wp-text="context.inherited.prop"></div>
diff --git a/packages/e2e-tests/plugins/interactive-blocks/get-server-context/view.js b/packages/e2e-tests/plugins/interactive-blocks/get-server-context/view.js
@@ -60,6 +60,11 @@ store( 'test/get-server-context', {
 			if ( inherited?.newProp ) {
 				ctx.inherited.newProp = inherited.newProp;
 			}
+			if ( ctx.objCopiedFromServer ) {
+				ctx.objCopiedFromServer.prop = nested?.prop;
+			} else {
+				ctx.objCopiedFromServer = nested;
+			}
 		},
 		updateNonChanging() {
 			// This property never changes in the server, but it changes in the
diff --git a/test/e2e/specs/interactivity/get-sever-context.spec.ts b/test/e2e/specs/interactivity/get-sever-context.spec.ts
@@ -107,25 +107,29 @@ test.describe( 'getServerContext()', () => {
 	test( 'should update modified props on navigation', async ( { page } ) => {
 		const prop = page.getByTestId( 'prop' );
 		const nestedProp = page.getByTestId( 'nested.prop' );
+		const objCopiedFromServer = page.getByTestId( 'objCopiedFromServer' );
 		const inheritedProp = page.getByTestId( 'inherited.prop' );
 
 		await expect( page ).toHaveTitle( /main/ );
 		await expect( prop ).toHaveText( 'child' );
 		await expect( nestedProp ).toHaveText( 'child' );
+		await expect( objCopiedFromServer ).toHaveText( 'child' );
 		await expect( inheritedProp ).toHaveText( 'parent' );
 
 		await page.getByTestId( 'modified' ).click();
 		await expect( page ).toHaveTitle( /modified/ );
 
 		await expect( prop ).toHaveText( 'childModified' );
 		await expect( nestedProp ).toHaveText( 'childModified' );
+		await expect( objCopiedFromServer ).toHaveText( 'childModified' );
 		await expect( inheritedProp ).toHaveText( 'parentModified' );
 
 		await page.goBack();
 		await expect( page ).toHaveTitle( /main/ );
 
 		await expect( prop ).toHaveText( 'child' );
 		await expect( nestedProp ).toHaveText( 'child' );
+		await expect( objCopiedFromServer ).toHaveText( 'child' );
 		await expect( inheritedProp ).toHaveText( 'parent' );
 	} );
 

Original file line number	Diff line number	Diff line change
`@@ -47,6 +47,7 @@`
`47`	`47`	`>`
`48`	`48`	`<div data-testid="prop" data-wp-text="context.prop"></div>`
`49`	`49`	`<div data-testid="nested.prop" data-wp-text="context.nested.prop"></div>`
	`50`	`+ <div data-testid="objCopiedFromServer" data-wp-text="context.objCopiedFromServer.prop"></div>`
`50`	`51`	`<div data-testid="newProp" data-wp-text="context.newProp"></div>`
`51`	`52`	`<div data-testid="nested.newProp" data-wp-text="context.nested.newProp"></div>`
`52`	`53`	`<div data-testid="inherited.prop" data-wp-text="context.inherited.prop"></div>`