@datadog/mobile-react-native-session-replay 2.6.1 → 2.6.2

package/android/src/main/kotlin/com/datadog/reactnative/sessionreplay/{ReactTextPropertiesResolver.kt → utils/text/TextViewUtils.kt}

@@ -1,33 +1,42 @@
-/*
- * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
- * This product includes software developed at Datadog (https://www.datadoghq.com/).
- * Copyright 2016-Present Datadog, Inc.
- */
-
-package com.datadog.reactnative.sessionreplay
+package com.datadog.reactnative.sessionreplay.utils.text
 
 import ReactViewBackgroundDrawableUtils
 import android.view.Gravity
 import android.widget.TextView
 import androidx.annotation.VisibleForTesting
-import com.datadog.android.internal.utils.densityNormalized
+import com.datadog.android.api.InternalLogger
 import com.datadog.android.sessionreplay.model.MobileSegment
+import com.datadog.android.sessionreplay.recorder.MappingContext
+import com.datadog.reactnative.sessionreplay.BuildConfig
 import com.datadog.reactnative.sessionreplay.utils.DrawableUtils
 import com.datadog.reactnative.sessionreplay.utils.ReflectionUtils
-import com.datadog.reactnative.sessionreplay.utils.formatAsRgba
 import com.facebook.react.bridge.ReactContext
-import com.facebook.react.uimanager.UIManagerModule
-import com.facebook.react.views.text.TextAttributes
-import java.util.Locale
-
-internal class ReactTextPropertiesResolver(
-    private val reactContext: ReactContext,
-    private val uiManagerModule: UIManagerModule,
-    private val reflectionUtils: ReflectionUtils = ReflectionUtils(),
-    private val drawableUtils: DrawableUtils =
-        ReactViewBackgroundDrawableUtils()
-): TextPropertiesResolver {
-    override fun addReactNativeProperties(
+
+internal abstract class TextViewUtils(private val reactContext: ReactContext, private val drawableUtils: DrawableUtils) {
+    fun mapTextViewToWireframes(
+        wireframes: List<MobileSegment.Wireframe>,
+        view: TextView,
+        mappingContext: MappingContext,
+    ): List<MobileSegment.Wireframe> {
+        val result = mutableListOf<MobileSegment.Wireframe>()
+        val pixelDensity = mappingContext.systemInformation.screenDensity
+
+        for (originalWireframe in wireframes) {
+            if (originalWireframe !is MobileSegment.Wireframe.TextWireframe) {
+                result.add(originalWireframe)
+            } else {
+                result.add(addReactNativeProperties(
+                    originalWireframe = originalWireframe,
+                    view = view,
+                    pixelDensity = pixelDensity,
+                ))
+            }
+        }
+
+        return result
+    }
+
+    fun addReactNativeProperties(
         originalWireframe: MobileSegment.Wireframe.TextWireframe,
         view: TextView,
         pixelDensity: Float,
@@ -59,25 +68,17 @@ internal class ReactTextPropertiesResolver(
         )
     }
 
-    private fun resolveTextStyleAndPosition(
+
+    protected fun resolveTextStyleAndPosition(
         originalWireframe: MobileSegment.Wireframe.TextWireframe,
         view: TextView,
-        pixelDensity: Float,
-    ):
-            Pair<MobileSegment.TextStyle, MobileSegment.TextPosition>? {
-
+        pixelDensity: Float
+    ): Pair<MobileSegment.TextStyle, MobileSegment.TextPosition>? {
         if (!reactContext.hasActiveReactInstance()) {
             return null
         }
 
-        val shadowNodeWrapper: ShadowNodeWrapper =
-            ShadowNodeWrapper.getShadowNodeWrapper(
-                reactContext = reactContext,
-                uiManagerModule = uiManagerModule,
-                reflectionUtils = reflectionUtils,
-                viewId = view.id) ?: return null
-
-        val textStyle = resolveTextStyle(originalWireframe, pixelDensity, shadowNodeWrapper)
+        val textStyle = resolveTextStyle(originalWireframe, pixelDensity, view) ?: return null
         val alignment = resolveTextAlignment(view, originalWireframe)
 
         val textPosition = MobileSegment.TextPosition(
@@ -88,7 +89,7 @@ internal class ReactTextPropertiesResolver(
         return textStyle to textPosition
     }
 
-    private fun resolveShapeStyleAndBorder(
+    protected fun resolveShapeStyleAndBorder(
         view: TextView,
         pixelDensity: Float,
     ): Pair<MobileSegment.ShapeStyle?, MobileSegment.ShapeBorder?>? {
@@ -105,7 +106,7 @@ internal class ReactTextPropertiesResolver(
         return shapeStyle to border
     }
 
-    private fun resolveTextAlignment(
+    protected fun resolveTextAlignment(
         view: TextView,
         textWireframe: MobileSegment.Wireframe.TextWireframe
     ): MobileSegment.Alignment {
@@ -126,64 +127,7 @@ internal class ReactTextPropertiesResolver(
         )
     }
 
-    private fun resolveTextStyle(
-        textWireframe: MobileSegment.Wireframe.TextWireframe,
-        pixelsDensity: Float,
-        shadowNodeWrapper: ShadowNodeWrapper
-    ): MobileSegment.TextStyle {
-        val fontFamily = getFontFamily(shadowNodeWrapper)
-            ?: textWireframe.textStyle.family
-        val fontSize = getFontSize(shadowNodeWrapper)
-            ?.densityNormalized(pixelsDensity)
-            ?: textWireframe.textStyle.size
-        val fontColor = getTextColor(shadowNodeWrapper)
-            ?: textWireframe.textStyle.color
-
-        return MobileSegment.TextStyle(
-            family = fontFamily,
-            size = fontSize,
-            color = fontColor
-        )
-    }
-
-    private fun getTextColor(shadowNodeWrapper: ShadowNodeWrapper): String? {
-        val isColorSet = shadowNodeWrapper
-            .getDeclaredShadowNodeField(IS_COLOR_SET_FIELD_NAME) as Boolean?
-        if (isColorSet != true) {
-            // Improvement: get default text color if different from black
-            return "#000000FF"
-        }
-        val resolvedColor = shadowNodeWrapper
-            .getDeclaredShadowNodeField(COLOR_FIELD_NAME) as Int?
-        if (resolvedColor != null) {
-            return formatAsRgba(resolvedColor)
-        }
-
-        return null
-    }
-
-    private fun getFontSize(shadowNodeWrapper: ShadowNodeWrapper): Long? {
-        val textAttributes = shadowNodeWrapper
-            .getDeclaredShadowNodeField(TEXT_ATTRIBUTES_FIELD_NAME) as? TextAttributes?
-        if (textAttributes != null) {
-            return textAttributes.effectiveFontSize.toLong()
-        }
-
-        return null
-    }
-
-    private fun getFontFamily(shadowNodeWrapper: ShadowNodeWrapper): String? {
-        val fontFamily = shadowNodeWrapper
-            .getDeclaredShadowNodeField(FONT_FAMILY_FIELD_NAME) as? String
-
-        if (fontFamily != null) {
-            return resolveFontFamily(fontFamily.lowercase(Locale.US))
-        }
-
-        return null
-    }
-
-    private fun resolveFontFamily(typefaceName: String): String =
+    protected fun resolveFontFamily(typefaceName: String): String =
         when (typefaceName) {
             ROBOTO_TYPEFACE_NAME -> SANS_SERIF_FAMILY_NAME
             MONOSPACE_FAMILY_NAME -> MONOSPACE_FAMILY_NAME
@@ -191,16 +135,36 @@ internal class ReactTextPropertiesResolver(
             else -> SANS_SERIF_FAMILY_NAME
         }
 
+    protected abstract fun resolveTextStyle( textWireframe: MobileSegment.Wireframe.TextWireframe,
+                                   pixelsDensity: Float,
+                                   view: TextView
+    ): MobileSegment.TextStyle?
+
     @VisibleForTesting
-    internal companion object {
+    companion object {
         internal const val TEXT_ATTRIBUTES_FIELD_NAME = "mTextAttributes"
         internal const val FONT_FAMILY_FIELD_NAME = "mFontFamily"
         internal const val COLOR_FIELD_NAME = "mColor"
         internal const val IS_COLOR_SET_FIELD_NAME = "mIsColorSet"
+        internal const val SPANNED_FIELD_NAME = "mSpanned"
 
         private const val ROBOTO_TYPEFACE_NAME = "roboto"
         private const val SERIF_FAMILY_NAME = "serif"
         private const val SANS_SERIF_FAMILY_NAME = "roboto, sans-serif"
         internal const val MONOSPACE_FAMILY_NAME = "monospace"
+
+
+        internal const val RESOLVE_UIMANAGERMODULE_ERROR = "Unable to resolve UIManagerModule"
+        internal const val RESOLVE_FABRICFIELD_ERROR = "Unable to resolve field from fabric view"
+        internal const val NULL_FABRICFIELD_ERROR = "Null value found when trying to resolve field from fabric view"
+
+
+        fun create(reactContext: ReactContext, logger: InternalLogger): TextViewUtils {
+            return when (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
+                true -> FabricTextViewUtils(reactContext, logger, ReactViewBackgroundDrawableUtils())
+                false -> LegacyTextViewUtils(reactContext, logger, ReflectionUtils(), ReactViewBackgroundDrawableUtils())
+            }
+        }
     }
-}
+
+}

package/android/src/rn75/kotlin/com/datadog/reactnative/sessionreplay/extensions/LengthPercentageExt.kt

@@ -9,5 +9,4 @@ import com.facebook.react.uimanager.LengthPercentage
 
 internal fun LengthPercentage?.getRadius(width: Float, height: Float) = this
     ?.resolve(width, height)
-    ?.let { (it.horizontal + it.vertical) / 2f }
-    ?: 0f
+    ?: 0f

package/android/src/rn75/kotlin/com/datadog/reactnative/sessionreplay/utils/ReactViewBackgroundDrawableUtils.kt

@@ -6,7 +6,6 @@
 import android.graphics.drawable.Drawable
 import android.graphics.drawable.InsetDrawable
 import android.graphics.drawable.LayerDrawable
-import com.datadog.android.internal.utils.densityNormalized
 import com.datadog.android.sessionreplay.model.MobileSegment
 import com.datadog.reactnative.sessionreplay.extensions.getRadius
 import com.datadog.reactnative.sessionreplay.utils.DrawableUtils
@@ -85,8 +84,7 @@ internal class ReactViewBackgroundDrawableUtils : DrawableUtils() {
         backgroundDrawable: CSSBackgroundDrawable,
         pixelDensity: Float
     ): MobileSegment.ShapeBorder {
-        val borderWidth =
-            backgroundDrawable.fullBorderWidth.toLong().densityNormalized(pixelDensity)
+        val borderWidth = (backgroundDrawable.fullBorderWidth / pixelDensity).toLong()
         val borderColor = formatAsRgba(backgroundDrawable.getBorderColor(Spacing.ALL))
 
         return MobileSegment.ShapeBorder(

package/android/src/rn76/kotlin/com/datadog/reactnative/sessionreplay/extensions/LengthPercentageExt.kt

@@ -10,4 +10,4 @@ import com.facebook.react.uimanager.LengthPercentage
 internal fun LengthPercentage?.getRadius(width: Float, height: Float) = this
     ?.resolve(width, height)
     ?.let { (it.horizontal + it.vertical) / 2f }
-    ?: 0f
+    ?: 0f

package/android/src/rn76/kotlin/com/datadog/reactnative/sessionreplay/utils/ReactViewBackgroundDrawableUtils.kt

@@ -6,7 +6,6 @@
 import android.graphics.drawable.Drawable
 import android.graphics.drawable.InsetDrawable
 import android.graphics.drawable.LayerDrawable
-import com.datadog.android.internal.utils.densityNormalized
 import com.datadog.android.sessionreplay.model.MobileSegment
 import com.datadog.reactnative.sessionreplay.extensions.getRadius
 import com.datadog.reactnative.sessionreplay.utils.DrawableUtils
@@ -85,8 +84,7 @@ internal class ReactViewBackgroundDrawableUtils : DrawableUtils() {
         backgroundDrawable: CSSBackgroundDrawable,
         pixelDensity: Float
     ): MobileSegment.ShapeBorder {
-        val borderWidth =
-            backgroundDrawable.fullBorderWidth.toLong().densityNormalized(pixelDensity)
+        val borderWidth = (backgroundDrawable.fullBorderWidth / pixelDensity).toLong()
         val borderColor = formatAsRgba(backgroundDrawable.getBorderColor(Spacing.ALL))
 
         return MobileSegment.ShapeBorder(

package/android/src/rnlegacy/kotlin/com.datadog.reactnative.sessionreplay/utils/ReactViewBackgroundDrawableUtils.kt

@@ -1,7 +1,6 @@
 import android.graphics.drawable.Drawable
 import android.graphics.drawable.InsetDrawable
 import android.graphics.drawable.LayerDrawable
-import com.datadog.android.internal.utils.densityNormalized
 import com.datadog.android.sessionreplay.model.MobileSegment
 import com.datadog.reactnative.sessionreplay.utils.DrawableUtils
 import com.datadog.reactnative.sessionreplay.utils.formatAsRgba
@@ -19,10 +18,7 @@ internal class ReactViewBackgroundDrawableUtils() : DrawableUtils() {
         }
 
         val borderProps = resolveBorder(drawable, pixelDensity)
-        val cornerRadius = drawable
-            .fullBorderRadius
-            .toLong()
-            .densityNormalized(pixelDensity)
+        val cornerRadius = (drawable.fullBorderRadius / pixelDensity).toLong()
 
         val backgroundColor = getBackgroundColor(drawable)
         val colorHexString = if (backgroundColor != null) {
@@ -63,8 +59,7 @@ internal class ReactViewBackgroundDrawableUtils() : DrawableUtils() {
         backgroundDrawable: ReactViewBackgroundDrawable,
         pixelDensity: Float
     ): MobileSegment.ShapeBorder {
-        val borderWidth =
-            backgroundDrawable.fullBorderWidth.toLong().densityNormalized(pixelDensity)
+        val borderWidth = (backgroundDrawable.fullBorderWidth / pixelDensity).toLong()
         val borderColor = formatAsRgba(backgroundDrawable.getBorderColor(Spacing.ALL))
 
         return MobileSegment.ShapeBorder(

package/android/src/test/kotlin/com/datadog/reactnative/sessionreplay/ReactNativeSessionReplayExtensionSupportTest.kt

@@ -11,6 +11,7 @@ import com.datadog.reactnative.sessionreplay.mappers.ReactEditTextMapper
 import com.datadog.reactnative.sessionreplay.mappers.ReactNativeImageViewMapper
 import com.datadog.reactnative.sessionreplay.mappers.ReactTextMapper
 import com.datadog.reactnative.sessionreplay.mappers.ReactViewGroupMapper
+import com.datadog.reactnative.sessionreplay.utils.text.TextViewUtils
 import com.facebook.react.bridge.NativeModule
 import com.facebook.react.bridge.ReactContext
 import com.facebook.react.uimanager.UIManagerModule
@@ -51,10 +52,8 @@ internal class ReactNativeSessionReplayExtensionSupportTest {
         whenever(mockReactContext.getNativeModule(any<Class<NativeModule>>()))
             .doReturn(mockUiManagerModule)
 
-        testedExtensionSupport = ReactNativeSessionReplayExtensionSupport(
-            logger = mockLogger,
-            reactContext = mockReactContext
-        )
+        val textViewUtils = TextViewUtils.create(mockReactContext, mockLogger)
+        testedExtensionSupport = ReactNativeSessionReplayExtensionSupport(textViewUtils)
     }
 
     @Test
@@ -77,17 +76,4 @@ internal class ReactNativeSessionReplayExtensionSupportTest {
         assertThat(customViewMappers[3].getUnsafeMapper())
             .isInstanceOf(ReactEditTextMapper::class.java)
     }
-
-    @Test
-    fun `M return null W getUiManagerModule() { cannot get uiManagerModule }`() {
-        // Given
-        whenever(mockReactContext.getNativeModule(any<Class<NativeModule>>()))
-            .thenThrow(IllegalStateException())
-
-        // When
-        val uiManagerModule = testedExtensionSupport.getUiManagerModule()
-
-        // Then
-        assertThat(uiManagerModule).isNull()
-    }
 }

package/android/src/test/kotlin/com/datadog/reactnative/sessionreplay/{ReactTextPropertiesResolverTest.kt → utils/text/TextViewUtilsTest.kt}

@@ -4,20 +4,30 @@
  * Copyright 2016-Present Datadog, Inc.
  */
 
-package com.datadog.reactnative.sessionreplay
+package com.datadog.reactnative.sessionreplay.utils.text
 
+import android.content.res.Resources
+import android.graphics.Typeface
+import android.text.Spannable
+import android.text.style.ForegroundColorSpan
+import android.util.DisplayMetrics
 import android.widget.TextView
+import com.datadog.android.api.InternalLogger
 import com.datadog.android.sessionreplay.model.MobileSegment
-import com.datadog.reactnative.sessionreplay.ReactTextPropertiesResolver.Companion.COLOR_FIELD_NAME
-import com.datadog.reactnative.sessionreplay.ReactTextPropertiesResolver.Companion.FONT_FAMILY_FIELD_NAME
-import com.datadog.reactnative.sessionreplay.ReactTextPropertiesResolver.Companion.IS_COLOR_SET_FIELD_NAME
-import com.datadog.reactnative.sessionreplay.ReactTextPropertiesResolver.Companion.MONOSPACE_FAMILY_NAME
-import com.datadog.reactnative.sessionreplay.ReactTextPropertiesResolver.Companion.TEXT_ATTRIBUTES_FIELD_NAME
+import com.datadog.android.sessionreplay.recorder.MappingContext
+import com.datadog.android.sessionreplay.recorder.SystemInformation
+import com.datadog.reactnative.sessionreplay.ShadowNodeWrapper
 import com.datadog.reactnative.sessionreplay.ShadowNodeWrapper.Companion.UI_IMPLEMENTATION_FIELD_NAME
 import com.datadog.reactnative.sessionreplay.utils.DrawableUtils
 import com.datadog.reactnative.sessionreplay.utils.ReflectionUtils
 import com.datadog.reactnative.sessionreplay.utils.formatAsRgba
+import com.datadog.reactnative.sessionreplay.utils.text.TextViewUtils.Companion.COLOR_FIELD_NAME
+import com.datadog.reactnative.sessionreplay.utils.text.TextViewUtils.Companion.FONT_FAMILY_FIELD_NAME
+import com.datadog.reactnative.sessionreplay.utils.text.TextViewUtils.Companion.IS_COLOR_SET_FIELD_NAME
+import com.datadog.reactnative.sessionreplay.utils.text.TextViewUtils.Companion.MONOSPACE_FAMILY_NAME
+import com.datadog.reactnative.sessionreplay.utils.text.TextViewUtils.Companion.TEXT_ATTRIBUTES_FIELD_NAME
 import com.datadog.reactnative.tools.unit.forge.ForgeConfigurator
+import com.facebook.react.bridge.NativeModule
 import com.facebook.react.bridge.ReactContext
 import com.facebook.react.uimanager.ReactShadowNode
 import com.facebook.react.uimanager.UIImplementation
@@ -34,7 +44,11 @@ import org.junit.jupiter.api.BeforeEach
 import org.junit.jupiter.api.Test
 import org.junit.jupiter.api.extension.ExtendWith
 import org.junit.jupiter.api.extension.Extensions
+import org.mockito.ArgumentMatchers.anyInt
 import org.mockito.Mock
+import org.mockito.Mockito.doReturn
+import org.mockito.Mockito.mock
+import org.mockito.Mockito.spy
 import org.mockito.junit.jupiter.MockitoExtension
 import org.mockito.junit.jupiter.MockitoSettings
 import org.mockito.kotlin.any
@@ -48,9 +62,7 @@ import org.mockito.quality.Strictness
 )
 @MockitoSettings(strictness = Strictness.LENIENT)
 @ForgeConfiguration(ForgeConfigurator::class)
-internal class ReactTextPropertiesResolverTest {
-    private lateinit var testedResolver: ReactTextPropertiesResolver
-
+internal class TextViewUtilsTest {
     @Mock
     lateinit var mockReactContext: ReactContext
 
@@ -84,10 +96,44 @@ internal class ReactTextPropertiesResolverTest {
     @Mock
     private lateinit var mockShadowNode: ReactShadowNode<out ReactShadowNode<*>>
 
+    @Mock
+    private lateinit var mockLogger: InternalLogger
+
+    @Mock
+    private lateinit var mockMappingContext: MappingContext
+
+    @Mock
+    private lateinit var mockSystemInformation: SystemInformation
+
+    @Mock
+    private lateinit var mockResources: Resources
+
+    @Mock
+    private lateinit var mockDisplayMetrics: DisplayMetrics
+
+    @Mock
+    private lateinit var testedUtils: LegacyTextViewUtils
+
+    @Mock
+    private lateinit var fabricTestedUtils: FabricTextViewUtils
+
     @BeforeEach
     fun `set up`(forge: Forge) {
+        whenever(mockResources.displayMetrics).thenReturn(mockDisplayMetrics)
+        whenever(mockTextView.resources).thenReturn(mockResources)
+        whenever(mockSystemInformation.screenDensity).thenReturn(0f)
+        whenever(mockMappingContext.systemInformation).thenReturn(mockSystemInformation)
+        whenever(mockTextView.text).thenReturn(forge.aString())
+        whenever(mockTextView.typeface).thenReturn(Typeface.SANS_SERIF)
+
+        whenever(mockReactContext.getNativeModule(UIManagerModule::class.java))
+            .thenReturn(mockUiManagerModule)
+
         whenever(
-            mockReflectionUtils.getDeclaredField(mockUiManagerModule, UI_IMPLEMENTATION_FIELD_NAME)
+            mockReflectionUtils.getDeclaredField(
+                eq(mockUiManagerModule),
+                eq(UI_IMPLEMENTATION_FIELD_NAME)
+            )
         ).thenReturn(mockUiImplementation)
 
         whenever(
@@ -101,12 +147,64 @@ internal class ReactTextPropertiesResolverTest {
         }
         whenever(mockReactContext.hasActiveReactInstance()).thenReturn(true)
 
-        testedResolver = ReactTextPropertiesResolver(
-            reactContext = mockReactContext,
-            uiManagerModule = mockUiManagerModule,
-            drawableUtils = mockDrawableUtils,
-            reflectionUtils = mockReflectionUtils
-        )
+        val realUtils =
+            LegacyTextViewUtils(
+                mockReactContext,
+                mockLogger,
+                mockReflectionUtils,
+                mockDrawableUtils
+            )
+
+        val realFabricUtils =
+            FabricTextViewUtils(
+                mockReactContext,
+                mockLogger,
+                mockDrawableUtils
+            )
+
+        testedUtils = spy(realUtils)
+        fabricTestedUtils = spy(realFabricUtils)
+    }
+
+    @Test
+    fun `M return wireframe W map() { even if not TextWireframeType }`(
+        @Mock mockImageWireframe: MobileSegment.Wireframe.ImageWireframe
+    ) {
+        // When
+        val result =
+            testedUtils.mapTextViewToWireframes(
+                wireframes = listOf(mockImageWireframe),
+                view = mockTextView,
+                mappingContext = mockMappingContext
+            )
+
+        // Then
+        assertThat(result).contains(mockImageWireframe)
+    }
+
+    @Test
+    fun `M return textWireframe W map()`(
+        @Mock mockTextWireframe: MobileSegment.Wireframe.TextWireframe
+    ) {
+        // Given
+        doReturn(mockTextWireframe)
+            .whenever(testedUtils)
+            .addReactNativeProperties(
+                originalWireframe = eq(mockTextWireframe),
+                view = eq(mockTextView),
+                pixelDensity = eq(0f)
+            )
+
+        // When
+        val result =
+            testedUtils.mapTextViewToWireframes(
+                wireframes = listOf(mockTextWireframe),
+                view = mockTextView,
+                mappingContext = mockMappingContext
+            )[0] as MobileSegment.Wireframe.TextWireframe
+
+        // Then
+        assertThat(result).isEqualTo(mockTextWireframe)
     }
 
     // region addReactNativeProperties
@@ -118,16 +216,15 @@ internal class ReactTextPropertiesResolverTest {
         whenever(mockUiImplementation.resolveShadowNode(any())).thenReturn(null)
 
         // When
-        val result = testedResolver.addReactNativeProperties(mockWireframe, mockTextView, 0f)
+        val result = testedUtils.addReactNativeProperties(mockWireframe, mockTextView, 0f)
 
         // Then
         assertThat(result).isEqualTo(mockWireframe)
     }
 
     @Test
-    fun `M add drawable properties W addReactNativeProperties() { has reactBackgroundDrawable }`(
-        forge: Forge
-    ) {
+    fun `M add drawable properties W addReactNativeProperties() { has reactBackgroundDrawable }`
+    (forge: Forge) {
         // Given
         val pixelDensity = 0f
         val fakeBorderRadius = forge.aPositiveFloat()
@@ -150,18 +247,20 @@ internal class ReactTextPropertiesResolverTest {
                 backgroundColor = formatAsRgba(fakeBorderColor),
                 opacity = 0f,
                 cornerRadius = fakeBorderRadius.toLong()
-            ) to MobileSegment.ShapeBorder(
-                color = formatAsRgba(fakeBorderColor),
-                width = fakeBorderWidth.toLong()
-            )
+            ) to
+                MobileSegment.ShapeBorder(
+                    color = formatAsRgba(fakeBorderColor),
+                    width = fakeBorderWidth.toLong()
+                )
         )
 
         // When
-        val result = testedResolver.addReactNativeProperties(
-            fakeWireframe,
-            mockTextView,
-            pixelDensity
-        )
+        val result =
+            testedUtils.addReactNativeProperties(
+                fakeWireframe,
+                mockTextView,
+                pixelDensity
+            )
 
         // Then
         assertThat(result.shapeStyle?.cornerRadius).isEqualTo(fakeBorderRadius.toLong())
@@ -178,8 +277,9 @@ internal class ReactTextPropertiesResolverTest {
         whenever(mockTextView.background).thenReturn(null)
 
         // When
-        val result = testedResolver
-            .addReactNativeProperties(fakeWireframe, mockTextView, 0f)
+        val result =
+            testedUtils
+                .addReactNativeProperties(fakeWireframe, mockTextView, 0f)
 
         // Then
         assertThat(result.textStyle.family)
@@ -194,7 +294,7 @@ internal class ReactTextPropertiesResolverTest {
             .thenReturn(null)
 
         // When
-        val result = testedResolver.addReactNativeProperties(fakeWireframe, mockTextView, 0f)
+        val result = testedUtils.addReactNativeProperties(fakeWireframe, mockTextView, 0f)
 
         // Then
         assertThat(result.textStyle.family).isEqualTo(fakeWireframe.textStyle.family)
@@ -212,7 +312,7 @@ internal class ReactTextPropertiesResolverTest {
         whenever(mockTextAttributes.effectiveFontSize).thenReturn(fakeTextSize)
 
         // When
-        val result = testedResolver.addReactNativeProperties(fakeWireframe, mockTextView, 0f)
+        val result = testedUtils.addReactNativeProperties(fakeWireframe, mockTextView, 0f)
 
         // Then
         assertThat(result.textStyle.size).isEqualTo(fakeTextSize.toLong())
@@ -228,7 +328,7 @@ internal class ReactTextPropertiesResolverTest {
             .thenReturn(null)
 
         // When
-        val result = testedResolver.addReactNativeProperties(fakeWireframe, mockTextView, 0f)
+        val result = testedUtils.addReactNativeProperties(fakeWireframe, mockTextView, 0f)
 
         // Then
         assertThat(result.textStyle.size).isEqualTo(fakeWireframe.textStyle.size)
@@ -246,7 +346,7 @@ internal class ReactTextPropertiesResolverTest {
             .thenReturn(fakeTextColor)
 
         // When
-        val result = testedResolver.addReactNativeProperties(fakeWireframe, mockTextView, 0f)
+        val result = testedUtils.addReactNativeProperties(fakeWireframe, mockTextView, 0f)
 
         // Then
         assertThat(result.textStyle.color).isEqualTo(formatAsRgba(fakeTextColor))
@@ -264,7 +364,7 @@ internal class ReactTextPropertiesResolverTest {
             .thenReturn(fakeTextColor)
 
         // When
-        val result = testedResolver.addReactNativeProperties(fakeWireframe, mockTextView, 0f)
+        val result = testedUtils.addReactNativeProperties(fakeWireframe, mockTextView, 0f)
 
         // Then
         assertThat(result.textStyle.color).isEqualTo("#000000FF")
@@ -280,7 +380,7 @@ internal class ReactTextPropertiesResolverTest {
             .thenReturn(null)
 
         // When
-        val result = testedResolver.addReactNativeProperties(fakeWireframe, mockTextView, 0f)
+        val result = testedUtils.addReactNativeProperties(fakeWireframe, mockTextView, 0f)
 
         // Then
         assertThat(result.textStyle.color).isEqualTo(fakeWireframe.textStyle.color)
@@ -294,11 +394,44 @@ internal class ReactTextPropertiesResolverTest {
             .thenReturn(MONOSPACE_FAMILY_NAME)
 
         // When
-        val result = testedResolver.addReactNativeProperties(fakeWireframe, mockTextView, 0f)
+        val result = testedUtils.addReactNativeProperties(fakeWireframe, mockTextView, 0f)
 
         // Then
         assertThat(result.textStyle.family).isNotEqualTo(MONOSPACE_FAMILY_NAME)
     }
 
+    @Test
+    fun `M return fabric textStyle (color) W addReactNativeProperties`() {
+        val mockForegroundColorSpan = mock(ForegroundColorSpan::class.java)
+        whenever(mockForegroundColorSpan.foregroundColor).thenReturn(-1)
+
+        val spannable = mock(Spannable::class.java)
+        doReturn(spannable).whenever(fabricTestedUtils).getFieldFromView(any(), any())
+
+        whenever(spannable.getSpans(anyInt(), anyInt(), eq(ForegroundColorSpan::class.java)))
+            .thenReturn(
+                arrayOf(mockForegroundColorSpan)
+            )
+
+        val result = fabricTestedUtils.addReactNativeProperties(fakeWireframe, mockTextView, 0f)
+        assertThat(result.textStyle.color).isEqualTo("#ffffffff")
+    }
+
+    // endregion
+
+    // region getUiManagerModule
+    @Test
+    fun `M return null W getUiManagerModule() { cannot get uiManagerModule }`() {
+        // Given
+        whenever(mockReactContext.getNativeModule(any<Class<NativeModule>>()))
+            .thenThrow(IllegalStateException())
+
+        // When
+        val uiManagerModule = testedUtils.getUiManagerModule()
+
+        // Then
+        assertThat(uiManagerModule).isNull()
+    }
+
     // endregion
 }