@wordpress/block-editor 17.1.0 → 17.2.1-next.v.202609171837.0

package/src/store/test/actions.jsdom.test.js

@@ -6,11 +6,15 @@ import {
 	unregisterBlockType,
 	registerBlockType,
 	createBlock,
+	privateApis as blocksPrivateApis,
 } from '@wordpress/blocks';
 import * as selectors from '../selectors';
 import reducer from '../reducer';
 import * as actions from '../actions';
 import { STORE_NAME as blockEditorStoreName } from '../../store/constants';
+import { unlock } from '../../lock-unlock';
+
+const { editableRootKey } = unlock( blocksPrivateApis );
 
 const noop = () => {};
 
@@ -460,10 +464,12 @@ describe( 'actions', () => {
 				getSettings: () => null,
 				// The insertion selects the inserted block.
 				getSelectedBlockClientId: () => containerBlock.clientId,
+				getBlockName: () => 'core/test-container',
 				canInsertBlockType: () => true,
 			};
 			const dispatch = vi.fn();
 			dispatch.selectBlock = vi.fn();
+			dispatch.selectionChange = vi.fn();
 
 			insertBlocks(
 				[ containerBlock ],
@@ -484,6 +490,60 @@ describe( 'actions', () => {
 			);
 		} );
 
+		it( 'selects the start of an inserted editable root block text', () => {
+			registerBlockType( 'core/test-host', {
+				...defaultBlockSettings,
+				attributes: { content: { source: 'rich-text' } },
+				[ editableRootKey ]: true,
+			} );
+
+			const block = createBlock( 'core/test-host' );
+			const select = {
+				getSettings: () => null,
+				getSelectedBlockClientId: () => block.clientId,
+				getBlockName: () => 'core/test-host',
+				canInsertBlockType: () => true,
+			};
+			const dispatch = vi.fn();
+			dispatch.selectionChange = vi.fn();
+
+			insertBlocks(
+				[ block ],
+				0,
+				undefined,
+				true,
+				0
+			)( {
+				select,
+				dispatch,
+				registry: { batch: ( fn ) => fn() },
+			} );
+
+			expect( dispatch.selectionChange ).toHaveBeenCalledWith(
+				block.clientId,
+				'content',
+				0,
+				0
+			);
+
+			// A block that does not opt in is left to place its own caret,
+			// since the store cannot know which field it focuses.
+			dispatch.selectionChange.mockClear();
+			select.getBlockName = () => 'core/test-item';
+			registerBlockType( 'core/test-item', {
+				...defaultBlockSettings,
+				attributes: { content: { source: 'rich-text' } },
+			} );
+			insertBlocks(
+				[ createBlock( 'core/test-item' ) ],
+				0,
+				undefined,
+				true,
+				0
+			)( { select, dispatch, registry: { batch: ( fn ) => fn() } } );
+			expect( dispatch.selectionChange ).not.toHaveBeenCalled();
+		} );
+
 		it( 'should not apply block type templates to blocks with inner blocks', () => {
 			registerBlockType( 'core/test-container', {
 				...defaultBlockSettings,

package/src/style.scss

@@ -51,6 +51,7 @@
 @use "./components/media-placeholder/style.scss" as *;
 @use "./components/media-replace-flow/style.scss" as *;
 @use "./components/multi-selection-inspector/style.scss" as *;
+@use "./components/plain-text/style.scss" as *;
 @use "./components/responsive-block-control/style.scss" as *;
 @use "./components/preset-input-control/style.scss" as *;
 @use "./components/rich-text/style.scss" as *;

package/src/utils/get-font-styles-and-weights.ts

@@ -173,7 +173,7 @@ export function getFontStylesAndWeights(
 							_x( '%1$s %2$s', 'font' ),
 							weightName ?? '',
 							styleName ?? ''
-					  );
+						);
 
 			combinedStyleAndWeightOptions.push( {
 				key: `${ styleValue }-${ weightValue }`,

package/src/utils/transform-styles/index.ts

@@ -136,7 +136,7 @@ function transformStyle(
 						},
 					} ),
 				baseURL && rebaseUrl( { rootUrl: baseURL } ),
-			].filter( Boolean ) as import('postcss').AcceptedPlugin[]
+			].filter( Boolean ) as import( 'postcss' ).AcceptedPlugin[]
 		).process( css, {} ).css; // use sync PostCSS API
 	} catch ( error ) {
 		if ( error instanceof CssSyntaxError ) {

package/build/hooks/cross-origin-isolation.cjs

@@ -1,56 +0,0 @@
-"use strict";
-
-// packages/block-editor/src/hooks/cross-origin-isolation.js
-function addCrossOriginAttribute(el) {
-  if (!el.hasAttribute("crossorigin")) {
-    el.setAttribute("crossorigin", "anonymous");
-  }
-}
-if (window.crossOriginIsolated) {
-  let startObservingBody = function() {
-    if (document.body) {
-      observer.observe(document.body, {
-        childList: true,
-        attributes: true,
-        subtree: true
-      });
-    } else if (document.readyState === "loading") {
-      document.addEventListener("DOMContentLoaded", () => {
-        if (document.body) {
-          observer.observe(document.body, {
-            childList: true,
-            attributes: true,
-            subtree: true
-          });
-        }
-      });
-    }
-  };
-  startObservingBody2 = startObservingBody;
-  const observer = new window.MutationObserver((mutations) => {
-    mutations.forEach((mutation) => {
-      [mutation.addedNodes, mutation.target].forEach((value) => {
-        const nodes = value instanceof window.NodeList ? value : [value];
-        nodes.forEach((node) => {
-          const el = node;
-          if (!el.querySelectorAll) {
-            return;
-          }
-          el.querySelectorAll("source,script,video,link").forEach(
-            (v) => {
-              addCrossOriginAttribute(v);
-            }
-          );
-          if (["SOURCE", "SCRIPT", "VIDEO", "LINK"].includes(
-            el.nodeName
-          )) {
-            addCrossOriginAttribute(el);
-          }
-        });
-      });
-    });
-  });
-  startObservingBody();
-}
-var startObservingBody2;
-//# sourceMappingURL=cross-origin-isolation.cjs.map

package/build/hooks/cross-origin-isolation.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/hooks/cross-origin-isolation.js"],
-  "sourcesContent": ["/**\n * Adds crossorigin=\"anonymous\" to an element if missing.\n *\n * @param {Element} el The element to modify.\n */\nfunction addCrossOriginAttribute( el ) {\n\tif ( ! el.hasAttribute( 'crossorigin' ) ) {\n\t\tel.setAttribute( 'crossorigin', 'anonymous' );\n\t}\n}\n\n// Only add the mutation observer if the site is cross-origin isolated.\nif ( window.crossOriginIsolated ) {\n\t/*\n\t * Detects dynamically added DOM nodes that are missing the `crossorigin` attribute.\n\t */\n\tconst observer = new window.MutationObserver( ( mutations ) => {\n\t\tmutations.forEach( ( mutation ) => {\n\t\t\t[ mutation.addedNodes, mutation.target ].forEach( ( value ) => {\n\t\t\t\tconst nodes =\n\t\t\t\t\tvalue instanceof window.NodeList ? value : [ value ];\n\t\t\t\tnodes.forEach( ( node ) => {\n\t\t\t\t\tconst el = node;\n\n\t\t\t\t\tif ( ! el.querySelectorAll ) {\n\t\t\t\t\t\t// Most likely a text node.\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tel.querySelectorAll( 'source,script,video,link' ).forEach(\n\t\t\t\t\t\t( v ) => {\n\t\t\t\t\t\t\taddCrossOriginAttribute( v );\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\n\t\t\t\t\tif (\n\t\t\t\t\t\t[ 'SOURCE', 'SCRIPT', 'VIDEO', 'LINK' ].includes(\n\t\t\t\t\t\t\tel.nodeName\n\t\t\t\t\t\t)\n\t\t\t\t\t) {\n\t\t\t\t\t\taddCrossOriginAttribute( el );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t} );\n\t\t} );\n\t} );\n\n\t/**\n\t * Start observing the document body, waiting for it to be available if needed.\n\t */\n\tfunction startObservingBody() {\n\t\tif ( document.body ) {\n\t\t\tobserver.observe( document.body, {\n\t\t\t\tchildList: true,\n\t\t\t\tattributes: true,\n\t\t\t\tsubtree: true,\n\t\t\t} );\n\t\t} else if ( document.readyState === 'loading' ) {\n\t\t\t// Wait for DOM to be ready.\n\t\t\tdocument.addEventListener( 'DOMContentLoaded', () => {\n\t\t\t\tif ( document.body ) {\n\t\t\t\t\tobserver.observe( document.body, {\n\t\t\t\t\t\tchildList: true,\n\t\t\t\t\t\tattributes: true,\n\t\t\t\t\t\tsubtree: true,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t}\n\n\tstartObservingBody();\n}\n"],
-  "mappings": ";;;AAKA,SAAS,wBAAyB,IAAK;AACtC,MAAK,CAAE,GAAG,aAAc,aAAc,GAAI;AACzC,OAAG,aAAc,eAAe,WAAY;AAAA,EAC7C;AACD;AAGA,IAAK,OAAO,qBAAsB;AAsCjC,MAAS,qBAAT,WAA8B;AAC7B,QAAK,SAAS,MAAO;AACpB,eAAS,QAAS,SAAS,MAAM;AAAA,QAChC,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,SAAS;AAAA,MACV,CAAE;AAAA,IACH,WAAY,SAAS,eAAe,WAAY;AAE/C,eAAS,iBAAkB,oBAAoB,MAAM;AACpD,YAAK,SAAS,MAAO;AACpB,mBAAS,QAAS,SAAS,MAAM;AAAA,YAChC,WAAW;AAAA,YACX,YAAY;AAAA,YACZ,SAAS;AAAA,UACV,CAAE;AAAA,QACH;AAAA,MACD,CAAE;AAAA,IACH;AAAA,EACD;AAnBS,EAAAA,sBAAA;AAlCT,QAAM,WAAW,IAAI,OAAO,iBAAkB,CAAE,cAAe;AAC9D,cAAU,QAAS,CAAE,aAAc;AAClC,OAAE,SAAS,YAAY,SAAS,MAAO,EAAE,QAAS,CAAE,UAAW;AAC9D,cAAM,QACL,iBAAiB,OAAO,WAAW,QAAQ,CAAE,KAAM;AACpD,cAAM,QAAS,CAAE,SAAU;AAC1B,gBAAM,KAAK;AAEX,cAAK,CAAE,GAAG,kBAAmB;AAE5B;AAAA,UACD;AAEA,aAAG,iBAAkB,0BAA2B,EAAE;AAAA,YACjD,CAAE,MAAO;AACR,sCAAyB,CAAE;AAAA,YAC5B;AAAA,UACD;AAEA,cACC,CAAE,UAAU,UAAU,SAAS,MAAO,EAAE;AAAA,YACvC,GAAG;AAAA,UACJ,GACC;AACD,oCAAyB,EAAG;AAAA,UAC7B;AAAA,QACD,CAAE;AAAA,MACH,CAAE;AAAA,IACH,CAAE;AAAA,EACH,CAAE;AA0BF,qBAAmB;AACpB;AAtBU,IAAAA;",
-  "names": ["startObservingBody"]
-}

package/build-module/hooks/cross-origin-isolation.mjs

@@ -1,54 +0,0 @@
-// packages/block-editor/src/hooks/cross-origin-isolation.js
-function addCrossOriginAttribute(el) {
-  if (!el.hasAttribute("crossorigin")) {
-    el.setAttribute("crossorigin", "anonymous");
-  }
-}
-if (window.crossOriginIsolated) {
-  let startObservingBody = function() {
-    if (document.body) {
-      observer.observe(document.body, {
-        childList: true,
-        attributes: true,
-        subtree: true
-      });
-    } else if (document.readyState === "loading") {
-      document.addEventListener("DOMContentLoaded", () => {
-        if (document.body) {
-          observer.observe(document.body, {
-            childList: true,
-            attributes: true,
-            subtree: true
-          });
-        }
-      });
-    }
-  };
-  startObservingBody2 = startObservingBody;
-  const observer = new window.MutationObserver((mutations) => {
-    mutations.forEach((mutation) => {
-      [mutation.addedNodes, mutation.target].forEach((value) => {
-        const nodes = value instanceof window.NodeList ? value : [value];
-        nodes.forEach((node) => {
-          const el = node;
-          if (!el.querySelectorAll) {
-            return;
-          }
-          el.querySelectorAll("source,script,video,link").forEach(
-            (v) => {
-              addCrossOriginAttribute(v);
-            }
-          );
-          if (["SOURCE", "SCRIPT", "VIDEO", "LINK"].includes(
-            el.nodeName
-          )) {
-            addCrossOriginAttribute(el);
-          }
-        });
-      });
-    });
-  });
-  startObservingBody();
-}
-var startObservingBody2;
-//# sourceMappingURL=cross-origin-isolation.mjs.map

package/build-module/hooks/cross-origin-isolation.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/hooks/cross-origin-isolation.js"],
-  "sourcesContent": ["/**\n * Adds crossorigin=\"anonymous\" to an element if missing.\n *\n * @param {Element} el The element to modify.\n */\nfunction addCrossOriginAttribute( el ) {\n\tif ( ! el.hasAttribute( 'crossorigin' ) ) {\n\t\tel.setAttribute( 'crossorigin', 'anonymous' );\n\t}\n}\n\n// Only add the mutation observer if the site is cross-origin isolated.\nif ( window.crossOriginIsolated ) {\n\t/*\n\t * Detects dynamically added DOM nodes that are missing the `crossorigin` attribute.\n\t */\n\tconst observer = new window.MutationObserver( ( mutations ) => {\n\t\tmutations.forEach( ( mutation ) => {\n\t\t\t[ mutation.addedNodes, mutation.target ].forEach( ( value ) => {\n\t\t\t\tconst nodes =\n\t\t\t\t\tvalue instanceof window.NodeList ? value : [ value ];\n\t\t\t\tnodes.forEach( ( node ) => {\n\t\t\t\t\tconst el = node;\n\n\t\t\t\t\tif ( ! el.querySelectorAll ) {\n\t\t\t\t\t\t// Most likely a text node.\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tel.querySelectorAll( 'source,script,video,link' ).forEach(\n\t\t\t\t\t\t( v ) => {\n\t\t\t\t\t\t\taddCrossOriginAttribute( v );\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\n\t\t\t\t\tif (\n\t\t\t\t\t\t[ 'SOURCE', 'SCRIPT', 'VIDEO', 'LINK' ].includes(\n\t\t\t\t\t\t\tel.nodeName\n\t\t\t\t\t\t)\n\t\t\t\t\t) {\n\t\t\t\t\t\taddCrossOriginAttribute( el );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t} );\n\t\t} );\n\t} );\n\n\t/**\n\t * Start observing the document body, waiting for it to be available if needed.\n\t */\n\tfunction startObservingBody() {\n\t\tif ( document.body ) {\n\t\t\tobserver.observe( document.body, {\n\t\t\t\tchildList: true,\n\t\t\t\tattributes: true,\n\t\t\t\tsubtree: true,\n\t\t\t} );\n\t\t} else if ( document.readyState === 'loading' ) {\n\t\t\t// Wait for DOM to be ready.\n\t\t\tdocument.addEventListener( 'DOMContentLoaded', () => {\n\t\t\t\tif ( document.body ) {\n\t\t\t\t\tobserver.observe( document.body, {\n\t\t\t\t\t\tchildList: true,\n\t\t\t\t\t\tattributes: true,\n\t\t\t\t\t\tsubtree: true,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t}\n\n\tstartObservingBody();\n}\n"],
-  "mappings": ";AAKA,SAAS,wBAAyB,IAAK;AACtC,MAAK,CAAE,GAAG,aAAc,aAAc,GAAI;AACzC,OAAG,aAAc,eAAe,WAAY;AAAA,EAC7C;AACD;AAGA,IAAK,OAAO,qBAAsB;AAsCjC,MAAS,qBAAT,WAA8B;AAC7B,QAAK,SAAS,MAAO;AACpB,eAAS,QAAS,SAAS,MAAM;AAAA,QAChC,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,SAAS;AAAA,MACV,CAAE;AAAA,IACH,WAAY,SAAS,eAAe,WAAY;AAE/C,eAAS,iBAAkB,oBAAoB,MAAM;AACpD,YAAK,SAAS,MAAO;AACpB,mBAAS,QAAS,SAAS,MAAM;AAAA,YAChC,WAAW;AAAA,YACX,YAAY;AAAA,YACZ,SAAS;AAAA,UACV,CAAE;AAAA,QACH;AAAA,MACD,CAAE;AAAA,IACH;AAAA,EACD;AAnBS,EAAAA,sBAAA;AAlCT,QAAM,WAAW,IAAI,OAAO,iBAAkB,CAAE,cAAe;AAC9D,cAAU,QAAS,CAAE,aAAc;AAClC,OAAE,SAAS,YAAY,SAAS,MAAO,EAAE,QAAS,CAAE,UAAW;AAC9D,cAAM,QACL,iBAAiB,OAAO,WAAW,QAAQ,CAAE,KAAM;AACpD,cAAM,QAAS,CAAE,SAAU;AAC1B,gBAAM,KAAK;AAEX,cAAK,CAAE,GAAG,kBAAmB;AAE5B;AAAA,UACD;AAEA,aAAG,iBAAkB,0BAA2B,EAAE;AAAA,YACjD,CAAE,MAAO;AACR,sCAAyB,CAAE;AAAA,YAC5B;AAAA,UACD;AAEA,cACC,CAAE,UAAU,UAAU,SAAS,MAAO,EAAE;AAAA,YACvC,GAAG;AAAA,UACJ,GACC;AACD,oCAAyB,EAAG;AAAA,UAC7B;AAAA,QACD,CAAE;AAAA,MACH,CAAE;AAAA,IACH,CAAE;AAAA,EACH,CAAE;AA0BF,qBAAmB;AACpB;AAtBU,IAAAA;",
-  "names": ["startObservingBody"]
-}

package/src/components/block-icon/test/__snapshots__/index.jsdom.test.jsx.snap

@@ -1,27 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`BlockIcon renders a Icon 1`] = `
-<div>
-  <span
-    class="block-editor-block-icon"
-  >
-    <svg
-      aria-hidden="true"
-      focusable="false"
-      height="24"
-      stroke="currentColor"
-      stroke-width="1.5"
-      style="fill: none;"
-      viewBox="0 0 24 24"
-      width="24"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M3.75 16.2031L8.6 12.7L12 15L16 11L20.25 15.2517M5 20.25H19C19.6904 20.25 20.25 19.6904 20.25 19V5C20.25 4.30964 19.6904 3.75 19 3.75H5C4.30964 3.75 3.75 4.30964 3.75 5V19C3.75 19.6904 4.30964 20.25 5 20.25Z"
-        stroke-linejoin="round"
-        vector-effect="non-scaling-stroke"
-      />
-    </svg>
-  </span>
-</div>
-`;

package/src/components/block-icon/test/index.jsdom.test.jsx

@@ -1,67 +0,0 @@
-import { render } from '@testing-library/react';
-import { image } from '@wordpress/icons';
-import BlockIcon from '../';
-
-function getIconWrapper( container ) {
-	return container.firstChild;
-}
-
-describe( 'BlockIcon', () => {
-	it( 'renders a Icon', () => {
-		const { container } = render( <BlockIcon icon={ image } /> );
-
-		expect( container ).toMatchSnapshot();
-	} );
-
-	it( 'renders a span without the has-colors classname', () => {
-		const { container } = render( <BlockIcon icon={ image } /> );
-
-		expect( getIconWrapper( container ) ).not.toHaveClass( 'has-colors' );
-	} );
-
-	it( 'renders a span with the has-colors classname', () => {
-		const { container } = render( <BlockIcon icon={ image } showColors /> );
-
-		expect( getIconWrapper( container ) ).toHaveClass( 'has-colors' );
-	} );
-
-	it( 'supports adding a className to the wrapper', () => {
-		const { container } = render(
-			<BlockIcon icon={ image } className="foo-bar" />
-		);
-
-		expect( getIconWrapper( container ) ).toHaveClass( 'foo-bar' );
-	} );
-
-	it( 'skips adding background and foreground styles when colors are not enabled', () => {
-		const { container } = render(
-			<BlockIcon
-				icon={ {
-					background: 'white',
-					foreground: 'black',
-					src: 'image',
-				} }
-			/>
-		);
-
-		expect( getIconWrapper( container ) ).not.toHaveAttribute( 'style' );
-	} );
-
-	it( 'adds background and foreground styles when colors are enabled', () => {
-		const { container } = render(
-			<BlockIcon
-				icon={ {
-					background: 'white',
-					foreground: 'black',
-					src: 'image',
-				} }
-				showColors
-			/>
-		);
-
-		expect( getIconWrapper( container ) ).toHaveStyle( {
-			backgroundColor: 'rgb(255, 255, 255)',
-			color: 'rgb(0, 0, 0)',
-		} );
-	} );
-} );

package/src/hooks/cross-origin-isolation.js

@@ -1,73 +0,0 @@
-/**
- * Adds crossorigin="anonymous" to an element if missing.
- *
- * @param {Element} el The element to modify.
- */
-function addCrossOriginAttribute( el ) {
-	if ( ! el.hasAttribute( 'crossorigin' ) ) {
-		el.setAttribute( 'crossorigin', 'anonymous' );
-	}
-}
-
-// Only add the mutation observer if the site is cross-origin isolated.
-if ( window.crossOriginIsolated ) {
-	/*
-	 * Detects dynamically added DOM nodes that are missing the `crossorigin` attribute.
-	 */
-	const observer = new window.MutationObserver( ( mutations ) => {
-		mutations.forEach( ( mutation ) => {
-			[ mutation.addedNodes, mutation.target ].forEach( ( value ) => {
-				const nodes =
-					value instanceof window.NodeList ? value : [ value ];
-				nodes.forEach( ( node ) => {
-					const el = node;
-
-					if ( ! el.querySelectorAll ) {
-						// Most likely a text node.
-						return;
-					}
-
-					el.querySelectorAll( 'source,script,video,link' ).forEach(
-						( v ) => {
-							addCrossOriginAttribute( v );
-						}
-					);
-
-					if (
-						[ 'SOURCE', 'SCRIPT', 'VIDEO', 'LINK' ].includes(
-							el.nodeName
-						)
-					) {
-						addCrossOriginAttribute( el );
-					}
-				} );
-			} );
-		} );
-	} );
-
-	/**
-	 * Start observing the document body, waiting for it to be available if needed.
-	 */
-	function startObservingBody() {
-		if ( document.body ) {
-			observer.observe( document.body, {
-				childList: true,
-				attributes: true,
-				subtree: true,
-			} );
-		} else if ( document.readyState === 'loading' ) {
-			// Wait for DOM to be ready.
-			document.addEventListener( 'DOMContentLoaded', () => {
-				if ( document.body ) {
-					observer.observe( document.body, {
-						childList: true,
-						attributes: true,
-						subtree: true,
-					} );
-				}
-			} );
-		}
-	}
-
-	startObservingBody();
-}

package/src/hooks/test/cross-origin-isolation.jsdom.test.js

@@ -1,173 +0,0 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-
-describe( 'cross-origin-isolation', () => {
-	let originalCrossOriginIsolated;
-	let originalBody;
-	let observeSpy;
-
-	beforeEach( () => {
-		vi.resetModules();
-
-		// Save original values
-		originalCrossOriginIsolated = window.crossOriginIsolated;
-		originalBody = document.body;
-
-		// Clear any existing filters
-		vi.clearAllMocks();
-
-		// Spy on MutationObserver.observe
-		observeSpy = vi.spyOn( window.MutationObserver.prototype, 'observe' );
-	} );
-
-	afterEach( () => {
-		// Restore original values
-		if ( originalCrossOriginIsolated !== undefined ) {
-			Object.defineProperty( window, 'crossOriginIsolated', {
-				value: originalCrossOriginIsolated,
-				writable: true,
-				configurable: true,
-			} );
-		}
-
-		if ( originalBody ) {
-			Object.defineProperty( document, 'body', {
-				value: originalBody,
-				writable: true,
-				configurable: true,
-			} );
-		}
-
-		observeSpy.mockRestore();
-	} );
-
-	it( 'should not observe when crossOriginIsolated is false', async () => {
-		Object.defineProperty( window, 'crossOriginIsolated', {
-			value: false,
-			writable: true,
-			configurable: true,
-		} );
-
-		// Re-import the module to trigger the side effects
-		await import( '../cross-origin-isolation' );
-
-		expect( observeSpy ).not.toHaveBeenCalled();
-	} );
-
-	it( 'should observe document.body when crossOriginIsolated is true and body exists', async () => {
-		Object.defineProperty( window, 'crossOriginIsolated', {
-			value: true,
-			writable: true,
-			configurable: true,
-		} );
-
-		Object.defineProperty( document, 'readyState', {
-			value: 'complete',
-			writable: true,
-			configurable: true,
-		} );
-
-		// Re-import the module to trigger the side effects
-		await import( '../cross-origin-isolation' );
-
-		expect( observeSpy ).toHaveBeenCalledWith( document.body, {
-			childList: true,
-			attributes: true,
-			subtree: true,
-		} );
-	} );
-
-	it( 'should wait for DOMContentLoaded when body is not available and document is loading', async () => {
-		Object.defineProperty( window, 'crossOriginIsolated', {
-			value: true,
-			writable: true,
-			configurable: true,
-		} );
-
-		// Simulate document still loading
-		Object.defineProperty( document, 'readyState', {
-			value: 'loading',
-			writable: true,
-			configurable: true,
-		} );
-
-		// Temporarily remove body
-		Object.defineProperty( document, 'body', {
-			value: null,
-			writable: true,
-			configurable: true,
-		} );
-
-		const addEventListenerSpy = vi.spyOn( document, 'addEventListener' );
-
-		// Re-import the module to trigger the side effects
-		await import( '../cross-origin-isolation' );
-
-		// Should not observe immediately
-		expect( observeSpy ).not.toHaveBeenCalled();
-
-		// Should have added DOMContentLoaded listener
-		expect( addEventListenerSpy ).toHaveBeenCalledWith(
-			'DOMContentLoaded',
-			expect.any( Function )
-		);
-
-		addEventListenerSpy.mockRestore();
-	} );
-
-	it( 'should not throw error when body is null and document is complete', async () => {
-		Object.defineProperty( window, 'crossOriginIsolated', {
-			value: true,
-			writable: true,
-			configurable: true,
-		} );
-
-		Object.defineProperty( document, 'readyState', {
-			value: 'complete',
-			writable: true,
-			configurable: true,
-		} );
-
-		// Temporarily remove body
-		Object.defineProperty( document, 'body', {
-			value: null,
-			writable: true,
-			configurable: true,
-		} );
-
-		// This should not throw an error
-		await expect(
-			import( '../cross-origin-isolation' )
-		).resolves.toBeDefined();
-
-		// Should not attempt to observe null
-		expect( observeSpy ).not.toHaveBeenCalled();
-	} );
-
-	it( 'should not add crossorigin="anonymous" to images', async () => {
-		Object.defineProperty( window, 'crossOriginIsolated', {
-			value: true,
-			writable: true,
-			configurable: true,
-		} );
-
-		// Re-import the module to trigger the side effects
-		await import( '../cross-origin-isolation' );
-
-		// Create an image and add it to the DOM
-		const img = document.createElement( 'img' );
-		img.setAttribute( 'src', 'https://example.com/image.jpg' );
-		document.body.appendChild( img );
-
-		// Wait for MutationObserver callback to fire (async microtask).
-		await new Promise( ( resolve ) => setTimeout( resolve, 0 ) );
-
-		// Images should NOT get the crossorigin attribute.
-		// Under Document-Isolation-Policy: isolate-and-credentialless,
-		// the credentialless mode handles image loading without CORS headers.
-		// Adding crossorigin="anonymous" would override this and break
-		// external images that don't serve CORS headers.
-		expect( img ).not.toHaveAttribute( 'crossorigin' );
-
-		document.body.removeChild( img );
-	} );
-} );