Function renderWithResolveOrder

compat/test/browser/suspense-hydration.test.jsx:87–121

(order)

			);

		async function renderWithResolveOrder(order) {
			const loaders = {};

			function Field({ name }) {
				const id = useId();
				return <span id={id}>{name}</span>;
			}

			const createLazy = name =>
				lazy(
					() =>
						new Promise(resolve => {
							loaders[name] = () =>
								resolve({ default: () => <Field name={name} /> });
						})
				);

			const A = createLazy('A');
			const B = createLazy('B');
			const rendered = renderToStringAsync(
				<div>
					<Suspense fallback={null}>
						<A />
					</Suspense>
					<Suspense fallback={null}>
						<B />
					</Suspense>
				</div>
			);

			await Promise.resolve();
			order.some(name => loaders[name]());

			return getIds(await rendered);
		}

		const ordered = await renderWithResolveOrder(['A', 'B']);
		const reversed = await renderWithResolveOrder(['B', 'A']);