diff --git a/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js b/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js index 66e46961d81..2b3aa55428c 100644 --- a/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js +++ b/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js @@ -4944,7 +4944,7 @@ function preinitStyle( (link: any)._p = new Promise((resolve, reject) => { link.onload = resolve; link.onerror = reject; - }); + }).catch(() => {}); link.addEventListener('load', () => { state.loading |= Loaded; }); @@ -5467,7 +5467,7 @@ export function acquireResource( (linkInstance: any)._p = new Promise((resolve, reject) => { linkInstance.onload = resolve; linkInstance.onerror = reject; - }); + }).catch(() => {}); setInitialProperties(instance, 'link', stylesheetProps); resource.state.loading |= Inserted; insertStylesheet(instance, qualifiedProps.precedence, hoistableRoot); @@ -6170,7 +6170,7 @@ export function suspendResource( (linkInstance: any)._p = new Promise((resolve, reject) => { linkInstance.onload = resolve; linkInstance.onerror = reject; - }); + }).catch(() => {}); setInitialProperties(instance, 'link', stylesheetProps); resource.instance = instance; } diff --git a/packages/react-dom/src/__tests__/ReactDOMFloat-test.js b/packages/react-dom/src/__tests__/ReactDOMFloat-test.js index 848fdd65219..6428266af98 100644 --- a/packages/react-dom/src/__tests__/ReactDOMFloat-test.js +++ b/packages/react-dom/src/__tests__/ReactDOMFloat-test.js @@ -3082,9 +3082,7 @@ body { ); }); - // eslint-disable-next-line jest/no-disabled-tests - it.skip('can delay commit until css resources error', async () => { - // TODO: This test fails and crashes jest. need to figure out why before unskipping. + it('can delay commit until css resources error', async () => { const root = ReactDOMClient.createRoot(container); expect(getMeaningfulChildren(container)).toBe(undefined); React.startTransition(() => { @@ -3119,7 +3117,7 @@ body { errorStylesheets(['bar']); loadStylesheets(['foo']); - assertLog(['load stylesheet: foo', 'error stylesheet: bar']); + assertLog(['error stylesheet: bar', 'load stylesheet: foo']); // We expect that the commit finishes synchronously after the stylesheet loads. expect(getMeaningfulChildren(container)).toEqual(
hello
);