fix: fix integration tests

example/e2e/__integration_tests__/Link.test.tsx

@@ -4,42 +4,41 @@ beforeEach(async () => {
   await page.click('[data-testid=LinkComponent]');
 });
 
-it('loads the article page', async () => {
-  expect(await page.evaluate(() => location.pathname + location.search)).toBe(
-    '/link-component/article/gandalf'
-  );
+const getPageInfo = async () => ({
+  url: await page.evaluate(() => location.pathname + location.search),
+  title: await page.evaluate(() => document.title),
+  heading: (await page.accessibility.snapshot())?.children?.find(
+    (it) => it.role === 'heading'
+  )?.name,
+});
 
-  expect(
-    ((await page.accessibility.snapshot()) as any)?.children?.find(
-      (it: any) => it.role === 'heading'
-    )?.name
-  ).toBe('Article by Gandalf');
+it('loads the article page', async () => {
+  const { url, title, heading } = await getPageInfo();
+
+  expect(url).toBe('/link-component/article/gandalf');
+  expect(title).toBe('Article by Gandalf - React Navigation Example');
+  expect(heading).toBe('Article by Gandalf');
 });
 
 it('goes to the album page and goes back', async () => {
   await page.click('[href="/link-component/music"]');
 
-  expect(await page.evaluate(() => location.pathname + location.search)).toBe(
-    '/link-component/music'
-  );
+  {
+    const { url, title, heading } = await getPageInfo();
 
-  expect(
-    ((await page.accessibility.snapshot()) as any)?.children?.find(
-      (it: any) => it.role === 'heading'
-    )?.name
-  ).toBe('Albums');
+    expect(url).toBe('/link-component/music');
+    expect(title).toBe('Albums - React Navigation Example');
+    expect(heading).toBe('Albums');
+  }
 
   await page.click('[aria-label="Article by Gandalf, back"]');
-
   await page.waitForNavigation();
 
-  expect(await page.evaluate(() => location.pathname + location.search)).toBe(
-    '/link-component/article/gandalf'
-  );
+  {
+    const { url, title, heading } = await getPageInfo();
 
-  expect(
-    ((await page.accessibility.snapshot()) as any)?.children?.find(
-      (it: any) => it.role === 'heading'
-    )?.name
-  ).toBe('Article by Gandalf');
+    expect(url).toBe('/link-component/article/gandalf');
+    expect(title).toBe('Article by Gandalf - React Navigation Example');
+    expect(heading).toBe('Article by Gandalf');
+  }
 });

example/package.json

@@ -43,6 +43,7 @@
     "@types/cheerio": "^0.22.28",
     "@types/jest-dev-server": "^4.2.0",
     "@types/koa": "^2.13.1",
+    "@types/mock-require": "^2.0.0",
     "@types/node-fetch": "^2.5.9",
     "@types/react": "~16.9.35",
     "@types/react-dom": "~16.9.8",
@@ -54,6 +55,7 @@
     "expo-cli": "^4.4.4",
     "jest": "^26.6.3",
     "jest-dev-server": "^4.4.0",
+    "mock-require": "^3.0.3",
     "mock-require-assets": "^0.0.1",
     "node-fetch": "^2.6.1",
     "nodemon": "^2.0.6",

example/server/resolve-hooks.tsx

@@ -1,5 +1,6 @@
 import 'mock-require-assets';
 
+import mock from 'mock-require';
 import Module from 'module';
 
 // We need to make sure that .web.xx extensions are resolved before .xx
@@ -10,3 +11,14 @@ Module._extensions = Object.fromEntries(
     return b[0].split('.').length - a[0].split('.').length;
   })
 );
+
+// Set __DEV__ that expo needs
+// @ts-expect-error
+global.__DEV__ = process.env.NODE_ENV !== 'production';
+
+// Reanimated doesn't support SSR :(
+mock(
+  'react-native-reanimated',
+  // eslint-disable-next-line import/no-commonjs
+  { ...require('react-native-reanimated/mock').default, call() {} }
+);