/** * Copyright (c) Meta Platforms, Inc. and affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. * * @emails react-core * @jest-environment ./scripts/jest/ReactDOMServerIntegrationEnvironment */ 'use strict'; let JSDOM; let React; let ReactDOMClient; let container; let waitForAll; describe('ReactDOM HostSingleton', () => { beforeEach(() => { jest.resetModules(); JSDOM = require('jsdom').JSDOM; // Test Environment const jsdom = new JSDOM( '

', { runScripts: 'dangerously', }, ); global.window = jsdom.window; global.document = jsdom.window.document; container = global.document.getElementById('container'); React = require('react'); ReactDOMClient = require('react-dom/client'); const InternalTestUtils = require('internal-test-utils'); waitForAll = InternalTestUtils.waitForAll; }); it('errors when a hoistable component becomes a Resource', async () => { const errors = []; function onError(e) { errors.push(e.message); } const root = ReactDOMClient.createRoot(container, { onUncaughtError: onError, }); root.render(

, ); await waitForAll([]); root.render(

, ); await waitForAll([]); if (__DEV__) { expect(errors).toEqual([ `Expected not to update to be updated to a stylesheet with precedence. Check the \`rel\`, \`href\`, and \`precedence\` props of this component. Alternatively, check whether two different components render in the same slot or share the same key. - + `, ]); } else { expect(errors).toEqual([ 'Expected not to update to be updated to a stylesheet with precedence. Check the `rel`, `href`, and `precedence` props of this component. Alternatively, check whether two different components render in the same slot or share the same key.', ]); } }); it('errors when a hoistable Resource becomes an instance', async () => { const errors = []; function onError(e) { errors.push(e.message); } const root = ReactDOMClient.createRoot(container, { onUncaughtError: onError, }); root.render(

, ); await waitForAll([]); const event = new window.Event('load'); const preloads = document.querySelectorAll('link[rel="preload"]'); for (let i = 0; i < preloads.length; i++) { const node = preloads[i]; node.dispatchEvent(event); } const stylesheets = document.querySelectorAll('link[rel="preload"]'); for (let i = 0; i < stylesheets.length; i++) { const node = stylesheets[i]; node.dispatchEvent(event); } root.render(

, ); await waitForAll([]); if (__DEV__) { expect(errors).toEqual([ `Expected stylesheet with precedence to not be updated to a different kind of . Check the \`rel\`, \`href\`, and \`precedence\` props of this component. Alternatively, check whether two different components render in the same slot or share the same key. - + `, ]); } else { expect(errors).toEqual([ 'Expected stylesheet with precedence to not be updated to a different kind of . Check the `rel`, `href`, and `precedence` props of this component. Alternatively, check whether two different components render in the same slot or share the same key.', ]); } }); });