Workiva · sydneyjodon-wk · Apr 4, 2022 · Apr 4, 2022 · Oct 22, 2024 · Oct 22, 2024
diff --git a/.github/workflows/ci.yaml b/.github/workflows/ci.yaml
@@ -29,19 +29,46 @@ jobs:
       - name: Check formatting
         run: dart format . -l 120 --set-exit-if-changed
 
+  js-bundle:
+    name: Build JS bundle
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+
+      - name: Install dependencies
+        run: npm install
+        working-directory: ./js_src
+
+      - name: Build JS bundle
+        run: npm run build
+        working-directory: ./js_src
+
+      - name: Check for untracked API changes
+        run: git diff --exit-code
+
   test-unit:
     runs-on: ubuntu-latest
-    name: unit tests (${{ matrix.release-mode && 'release' || 'dev' }})
+    name: unit tests - React ${{ matrix.react }} (${{ matrix.release-mode && 'release' || 'dev' }})
     strategy:
       fail-fast: false
       matrix:
+        react: [ 17, 18 ]
         release-mode: [true, false]
     steps:
       - uses: actions/checkout@v4
       - uses: dart-lang/setup-dart@v1
         with:
           sdk: 2.19.6
 
+      - name: Switch to React 17 Test HTML
+        if: ${{ matrix.react == 17 }}
+        run: |
+          mv test/unit/unit_test_template.html test/unit/unit_test_template-old.html
+          mv test/unit/unit_test_template-react17.html test/unit/unit_test_template.html
+
       - name: Install dependencies
         run: dart pub get
         timeout-minutes: 2
@@ -54,5 +81,5 @@ jobs:
             args+=(--release)
           fi
 
-          dart run build_runner test "${args[@]}" -- -P concurrent-tests
-          dart run build_runner test "${args[@]}" -- -P non-concurrent-tests
+          dart run build_runner test "${args[@]}" -- -P concurrent-tests --preset=react${{ matrix.react }}
+          dart run build_runner test "${args[@]}" -- -P non-concurrent-tests --preset=react${{ matrix.react }}
diff --git a/build.yaml b/build.yaml
@@ -4,6 +4,7 @@ targets:
       build_web_compilers|entrypoint:
         # These are globs for the entrypoints you want to compile.
         generate_for:
+          - example/**
           - test/**.browser_test.dart
         options:
           # List any dart2js specific args here, or omit it.

diff --git a/dart_test.yaml b/dart_test.yaml
@@ -21,3 +21,9 @@ presets:
     include_tags: run-alone
     concurrency: 1
     file: test/unit/user_event/type_test.dart
+
+  react18:
+    exclude_tags: react-17
+
+  react17:
+    exclude_tags: react-18
diff --git a/example/index.html b/example/index.html
@@ -0,0 +1,13 @@
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+      <title>RTL - React 18</title>
+      <script src="packages/react/js/react.dev.js"></script>
+      <script src="packages/react_testing_library/js/react-testing-library.js"></script>
+  </head>
+<body>
+    <script defer src="main.js"></script>
+    <script defer src="main.dart.js"></script>
+</body>
+</html>
diff --git a/example/main.dart b/example/main.dart
@@ -0,0 +1,28 @@
+import 'package:react/react.dart' as react;
+import 'package:react_testing_library/react_testing_library.dart';
+import 'package:react_testing_library/user_event.dart';
+
+main() {
+  final content = react.button({
+    'onClick': (_) {
+      print('clicked');
+      throw TestException('intentionally thrown during onClick');
+    },
+  }, 'Hello World');
+  final view = render(content, autoTearDown: false);
+  final button = view.getByRole('button', name: 'Hello World');
+  try {
+    UserEvent.click(button);
+  } catch (e) {
+    print('Caught exception $e');
+  }
+}
+
+class TestException implements Exception {
+  final String message;
+
+  TestException(this.message);
+
+  @override
+  String toString() => 'TestException: $message';
+}
diff --git a/example/main.js b/example/main.js
@@ -0,0 +1,2 @@
+console.log('window.React.version', window.React.version);
+console.log('window.rtl', window.rtl);
diff --git a/js_src/README.md b/js_src/README.md
@@ -0,0 +1,9 @@
+# The underlying JS source for react_testing_library
+
+The generated JS bundle is outputted in `lib/js/react-testing-library.js`. 
+
+To update it, run:
+
+```
+npm run build
+```
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		console.log('window.React.version', window.React.version);
		console.log('window.rtl', window.rtl);