Add a basic Jest test to helloworld (facebook#51534)

Summary:
Pull Request resolved: facebook#51534

Aims to give us CI coverage of React Native's Jest preset, preventing future bugs like facebook#51525.

Changes:
- Add a basic "it renders" Jest test to helloworld
- Add "Run Helloworld tests" step to `test-ios-helloworld` job in CI
- Also convert helloworld's `App.tsx` to TypeScript, as easiest way to unblock Jest JSX behaviour.

Changelog: [Internal]

Reviewed By: cortinico

Differential Revision: D75218901

fbshipit-source-id: 601155c59c4483696971df4c29d51549d97f49f2

Author: huntie

.github/actions/test-ios-helloworld/action.yml

@@ -83,7 +83,13 @@ runs:
 
         yarn bootstrap ios "${args[@]}" | cat
 
-    - name: Build HelloWorld  project
+    - name: Run Helloworld tests
+      shell: bash
+      run: |
+        cd packages/helloworld
+        yarn test
+
+    - name: Build HelloWorld project
       shell: bash
       run: |
         cd packages/helloworld

packages/helloworld/App.jsx renamed to packages/helloworld/App.tsx

@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow strict-local
  * @format
  */
 
@@ -19,7 +18,7 @@ import {
   useColorScheme,
 } from 'react-native';
 
-function App(): React.Node {
+function App(): React.ReactNode {
   const isDarkMode = useColorScheme() === 'dark';
 
   return (

packages/helloworld/__tests__/App.test.tsx

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+import App from '../App';
+import React from 'react';
+import ReactTestRenderer from 'react-test-renderer';
+
+test('renders correctly', async () => {
+  await ReactTestRenderer.act(() => {
+    ReactTestRenderer.create(<App />);
+  });
+});

packages/helloworld/package.json

@@ -23,6 +23,8 @@
     "@react-native/core-cli-utils": "0.80.0-main",
     "@react-native/eslint-config": "0.80.0-main",
     "@react-native/metro-config": "0.80.0-main",
+    "@react-native/typescript-config": "0.80.0-main",
+    "@types/jest": "^29.5.14",
     "chalk": "^4.1.2",
     "commander": "^12.0.0",
     "eslint": "^8.19.0",

packages/helloworld/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "@react-native/typescript-config"
+}

yarn.lock

@@ -1918,6 +1918,14 @@
   dependencies:
     "@types/istanbul-lib-report" "*"
 
+"@types/jest@^29.5.14":
+  version "29.5.14"
+  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-29.5.14.tgz#2b910912fa1d6856cadcd0c1f95af7df1d6049e5"
+  integrity sha512-ZN+4sdnLUbo8EVvVc2ao0GFW6oVrQRPn4K2lglySj7APvSrgzxHiNNK99us4WDMi57xxA2yggblIAMNhXOotLQ==
+  dependencies:
+    expect "^29.0.0"
+    pretty-format "^29.0.0"
+
 "@types/jest@^29.5.3":
   version "29.5.12"
   resolved "https://registry.yarnpkg.com/@types/jest/-/jest-29.5.12.tgz#7f7dc6eb4cf246d2474ed78744b05d06ce025544"