diff --git a/packages/react-native/Libraries/Modal/__tests__/Modal-itest.js b/packages/react-native/Libraries/Modal/__tests__/Modal-itest.js index 863f0f27c82..3dcc06d552a 100644 --- a/packages/react-native/Libraries/Modal/__tests__/Modal-itest.js +++ b/packages/react-native/Libraries/Modal/__tests__/Modal-itest.js @@ -186,7 +186,55 @@ describe('', () => { ); }); }); + describe('navigationBarTranslucent', () => { + it('renders a Modal with navigationBarTranslucent="true" and statusBarTranslucent="true"', () => { + const root = Fantom.createRoot(); + Fantom.runTask(() => { + // navigationBarTranslucent=true with statusBarTranslucent=false is not supported + // and it emits a warning. + root.render( + , + ); + }); + + expect( + root + .getRenderedOutput({ + props: ['navigationBarTranslucent', 'statusBarTranslucent'], + }) + .toJSX(), + ).toEqual( + + + , + ); + }); + it('renders a Modal with navigationBarTranslucent="false"', () => { + const root = Fantom.createRoot(); + + Fantom.runTask(() => { + root.render(); + }); + + expect( + root + .getRenderedOutput({ + props: ['navigationBarTranslucent', 'statusBarTranslucent'], + }) + .toJSX(), + ).toEqual( + + + , + ); + }); + }); // ... more props }); describe('ref', () => {