From 4be170f67d98dc90a7b930ea817e94cd07fbd408 Mon Sep 17 00:00:00 2001
From: Riccardo Cipolleschi <cipolleschi@meta.com>
Date: Thu, 13 Aug 2026 05:35:18 -0700
Subject: [PATCH] Test inline views at reduced font scale (#57913)

Summary:

Add an RNTester example for inline views and a Jest E2E screenshot test that runs Android with `fontScale=0.85`.

Thread the optional font-scale setting through `ReactNativeCoreE2ESetup` so the test can use the RNTester adapter support from the prerequisite framework diff.

Reviewed By: christophpurrer

Differential Revision: D115583513
---
 packages/rn-tester/js/components/TextInlineView.js     | 10 ++++++++++
 .../rn-tester/js/examples/Text/TextExample.android.js  |  7 +++++++
 2 files changed, 17 insertions(+)

diff --git a/packages/rn-tester/js/components/TextInlineView.js b/packages/rn-tester/js/components/TextInlineView.js
index 4f87cc5df978..fde98fa08c2c 100644
--- a/packages/rn-tester/js/components/TextInlineView.js
+++ b/packages/rn-tester/js/components/TextInlineView.js
@@ -26,6 +26,15 @@ function Basic(): React.Node {
   );
 }
 
+function FontScale(): React.Node {
+  return (
+    <RNTesterText testID="inline-view-font-scale">
+      This text contains an inline view{' '}
+      <View style={{width: 80, height: 40, backgroundColor: 'steelblue'}} />
+    </RNTesterText>
+  );
+}
+
 function NestedTexts(): React.Node {
   return (
     <View>
@@ -201,6 +210,7 @@ function ChangeInnerViewSize(): React.Node {
 
 module.exports = {
   Basic,
+  FontScale,
   NestedTexts,
   ClippedByText,
   ChangeImageSize,
diff --git a/packages/rn-tester/js/examples/Text/TextExample.android.js b/packages/rn-tester/js/examples/Text/TextExample.android.js
index a88bef0bac79..80d221bc028b 100644
--- a/packages/rn-tester/js/examples/Text/TextExample.android.js
+++ b/packages/rn-tester/js/examples/Text/TextExample.android.js
@@ -1655,6 +1655,13 @@ const examples = [
       return <TextInlineView.Basic />;
     },
   },
+  {
+    title: 'Inline view with a reduced font scale',
+    name: 'inlineViewFontScale',
+    render(): React.Node {
+      return <TextInlineView.FontScale />;
+    },
+  },
   {
     title: 'Inline views with multiple nested texts',
     name: 'inlineViewsMultiple',