chore: danger report 4x (#52)

* chore: danger 4x

* chore: danger config

* chore: parallel exec

* chore: add danger

* chore: separate danger ids

* chore: unify tests

* chore: final tweaks

* chore: update reassure scripts

Author: mdjastrzebski

.github/workflows/test-example-apps.yml

@@ -23,9 +23,6 @@ jobs:
           node-version: 20.x
           cache: 'yarn'
 
-      - name: Install Root
-        run: yarn install
-
       - name: Install Example
         run: yarn --cwd examples/native install
 
@@ -42,13 +39,12 @@ jobs:
         run: cd examples/native && ./reassure-tests.sh
 
       - name: Run Danger.js
-        run: yarn danger ci
+        run: yarn --cwd examples/native danger ci --id native
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
   test-native-expo:
     name: Test React Native Expo
-    needs: test-native
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
@@ -63,9 +59,6 @@ jobs:
           node-version: 20.x
           cache: 'yarn'
 
-      - name: Install Root
-        run: yarn install
-
       - name: Install Example
         run: yarn --cwd examples/native-expo install
 
@@ -78,9 +71,13 @@ jobs:
       - name: Run perf tests
         run: cd examples/native-expo && ./reassure-tests.sh
 
+      - name: Run Danger.js
+        run: yarn --cwd examples/native-expo danger ci --id native-expo
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
   test-web-vite:
     name: Test Vite
-    needs: test-native
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
@@ -95,9 +92,6 @@ jobs:
           node-version: 20.x
           cache: 'yarn'
 
-      - name: Install Root
-        run: yarn install
-
       - name: Install Example
         run: yarn --cwd examples/web-vite install
 
@@ -113,9 +107,13 @@ jobs:
       - name: Run perf tests
         run: cd examples/web-vite && ./reassure-tests.sh
 
+      - name: Run Danger.js
+        run: yarn --cwd examples/web-vite danger ci --id web-vite
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
   test-web-nextjs:
     name: Test Next.js
-    needs: test-native
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
@@ -130,9 +128,6 @@ jobs:
           node-version: 20.x
           cache: 'yarn'
 
-      - name: Install Root
-        run: yarn install
-
       - name: Install Example
         run: yarn --cwd examples/web-nextjs install
 
@@ -144,3 +139,8 @@ jobs:
 
       - name: Run perf tests
         run: cd examples/web-nextjs && ./reassure-tests.sh
+
+      - name: Run Danger.js
+        run: yarn --cwd examples/web-nextjs danger ci --id web-nextjs
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

dangerfile.js

@@ -23,6 +23,7 @@
     "@testing-library/react-native": "^12.5.0",
     "@types/jest": "^29.5.12",
     "@types/react": "~18.2.79",
+    "danger": "^12.2.0",
     "jest": "^29.7.0",
     "react-test-renderer": "^18.2.0",
     "reassure": "^1.0.0-rc.4",

examples/native-expo/package.json

@@ -1,12 +1,19 @@
 #!/usr/bin/env bash
-BASELINE_BRANCH=${BASELINE_BRANCH:="main"}
+set -e 
+
+BASELINE_BRANCH=${GITHUB_BASE_REF:="main"}
+
+# Required for `git switch` on CI
+git fetch origin
 
 # Gather baseline perf measurements
 git switch "$BASELINE_BRANCH"
+
 yarn install
 yarn reassure --baseline
 
 # Gather current perf measurements & compare results
-git switch -
+git switch --detach -
+
 yarn install
 yarn reassure --branch

examples/native-expo/reassure-tests.sh

@@ -1,46 +1,31 @@
-import * as React from 'react';
-import { View, Text, Pressable } from 'react-native';
-import { screen, fireEvent } from '@testing-library/react-native';
+import React from 'react';
+import { jest, test } from '@jest/globals';
+import { fireEvent, screen } from '@testing-library/react-native';
 import { measureRenders } from 'reassure';
-import { SlowList } from './SlowList';
+import { AsyncComponent } from './AsyncComponent';
 
-jest.setTimeout(60_000);
+jest.setTimeout(600_000);
 
-const AsyncComponent = () => {
-  const [count, setCount] = React.useState(0);
+test('RN Expo - AsyncComponent 10 runs', async () => {
+  const scenario = async () => {
+    const button = screen.getByText('Action');
 
-  const handlePress = () => {
-    setTimeout(() => setCount((c) => c + 1), 10);
+    fireEvent.press(button);
+    fireEvent.press(button);
+    await screen.findByText('Count: 2');
   };
 
-  return (
-    <View>
-      <Pressable accessibilityRole="button" onPress={handlePress}>
-        <Text>Action</Text>
-      </Pressable>
-
-      <Text>Count: {count}</Text>
-
-      <SlowList count={200} />
-    </View>
-  );
-};
+  await measureRenders(<AsyncComponent />, { scenario, runs: 10 });
+});
 
-test('Async Component', async () => {
+test('RN Expo - AsyncComponent 50 runs', async () => {
   const scenario = async () => {
     const button = screen.getByText('Action');
 
     fireEvent.press(button);
-    await screen.findByText('Count: 1');
-
     fireEvent.press(button);
     await screen.findByText('Count: 2');
-
-    fireEvent.press(button);
-    fireEvent.press(button);
-    fireEvent.press(button);
-    await screen.findByText('Count: 5');
   };
 
-  await measureRenders(<AsyncComponent />, { scenario });
+  await measureRenders(<AsyncComponent />, { scenario, runs: 50 });
 });

examples/native-expo/src/AsyncComponent.perf-test.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { View, Text, Pressable } from 'react-native';
+import { SlowList } from './SlowList';
+
+export function AsyncComponent() {
+  const [count, setCount] = React.useState(0);
+
+  const handlePress = () => {
+    setTimeout(() => setCount(c => c + 1), 10);
+  };
+
+  return (
+    <View>
+      <Pressable accessibilityRole="button" onPress={handlePress}>
+        <Text>Action</Text>
+      </Pressable>
+
+      <Text>Count: {count}</Text>
+
+      <SlowList count={200} />
+    </View>
+  );
+}

examples/native-expo/src/AsyncComponent.tsx

@@ -1,9 +1,10 @@
 import * as React from 'react';
+import { jest, test } from '@jest/globals';
 import { measureRenders } from 'reassure';
 import { SlowList } from './SlowList';
 
 jest.setTimeout(60_000);
 
-test('SlowList Component', async () => {
-  await measureRenders(<SlowList count={500} />);
+test('RN Expo - SlowList 100 items', async () => {
+  await measureRenders(<SlowList count={100} />, { runs: 10 });
 });