test gate react 19.2

Author: mdjastrzebski

.github/workflows/nightly.yaml

@@ -72,7 +72,20 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        rn-lane: ['0.85.0', '0.84.1', '0.83.4', '0.82.1', '0.81.6', '0.80.3', '0.79.7', '0.78.3', latest, next, nightly]
+        rn-lane:
+          [
+            '0.85.0',
+            '0.84.1',
+            '0.83.4',
+            '0.82.1',
+            '0.81.6',
+            '0.80.3',
+            '0.79.7',
+            '0.78.3',
+            latest,
+            next,
+            nightly,
+          ]
         test-renderer-version: ['1.0.0', '1.1.0', '1.2.0']
         include:
           - rn-lane: '0.85.0'

eslint.config.mjs

@@ -1,8 +1,11 @@
 import tseslint from 'typescript-eslint';
 import callstackConfig from '@callstack/eslint-config/react-native.flat.js';
 import { fixupPluginRules } from '@eslint/compat';
+import pluginJest from 'eslint-plugin-jest';
 import simpleImportSort from 'eslint-plugin-simple-import-sort';
 
+const additionalTestBlockFunctions = ['testGateReact19_2', 'testGateReact19_3'];
+
 const patchedCallstackConfig = callstackConfig.map((configItem) => {
   if (!configItem.plugins?.react) {
     return configItem;
@@ -45,6 +48,9 @@ export default [
   },
   {
     files: ['**/*.test.{ts,tsx}', 'src/test-utils/**'],
+    plugins: {
+      jest: pluginJest,
+    },
     rules: {
       'react/no-multi-comp': 'off',
       'react-native/no-color-literals': 'off',
@@ -54,6 +60,9 @@ export default [
       'react-native-a11y/has-valid-accessibility-ignores-invert-colors': 'off',
       'react-native-a11y/has-valid-accessibility-value': 'off',
       '@typescript-eslint/no-explicit-any': 'off',
+      'jest/expect-expect': ['error', { additionalTestBlockFunctions }],
+      'jest/no-standalone-expect': ['error', { additionalTestBlockFunctions }],
+      'jest/prefer-ending-with-an-expect': ['error', { additionalTestBlockFunctions }],
     },
   },
 ];

src/__tests__/render.test.tsx

@@ -3,6 +3,7 @@ import { Text, View } from 'react-native';
 
 import { render, screen } from '..';
 import { _console, logger } from '../helpers/logger';
+import { testGateReact19_2 } from '../test-utils/react-version-gates';
 
 function MaybeSuspend({
   children,
@@ -112,7 +113,7 @@ describe('render options', () => {
 });
 
 describe('hidden instance props', () => {
-  test('renders Activity hidden and then visible', async () => {
+  testGateReact19_2('renders Activity hidden and then visible', async () => {
     await render(
       <React.Activity mode="hidden">
         <View testID="activity-target">
@@ -122,11 +123,11 @@ describe('hidden instance props', () => {
     );
 
     expect(screen.queryByTestId('activity-target')).not.toBeOnTheScreen();
-    expect(screen.getByTestId('activity-target', { includeHiddenElements: true }).props.style).toEqual(
-      {
-        display: 'none',
-      },
-    );
+    expect(
+      screen.getByTestId('activity-target', { includeHiddenElements: true }).props.style,
+    ).toEqual({
+      display: 'none',
+    });
     expect(screen.toJSON()).toMatchInlineSnapshot(`
       <View
         style={

src/test-utils/react-version-gates.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+
+function isReactMinorOrNewer(targetMinor: number): boolean {
+  const match = /^(\d+)\.(\d+)/.exec(React.version);
+
+  if (!match) {
+    return false;
+  }
+
+  const major = Number(match[1]);
+  const minor = Number(match[2]);
+
+  if (major !== 19) {
+    return major > 19;
+  }
+
+  return minor >= targetMinor;
+}
+
+export const testGateReact19_2 = isReactMinorOrNewer(2) ? test : test.skip;
+export const testGateReact19_3 = isReactMinorOrNewer(3) ? test : test.skip;