test(expo): drive the expo-native fixture from verify launch inputs

A launch with a verify input renders a host with one home that shows whether
a user is signed in and links to the screens the end-to-end tests need. A
launch with none renders the fixture as before.

The fixture had no Google client ID, so useSignInWithGoogle stopped in JS
and never called the @clerk/expo-google-signin native module. app.json now
lists the @clerk/expo-google-signin config plugin and three placeholder
values under extra: a web client ID, an iOS client ID, and the iOS URL
scheme the plugin registers. None belongs to a Google project, so nobody
can sign in with them. They let the hook configure the native module and
open the native Google sign-in. The Google button now shows how the flow
ended: cancelled, a session, or the error.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

Author: mikepitre

.changeset/large-aliens-arrive.md

@@ -0,0 +1,2 @@
+---
+---

integration/templates/expo-native/App.tsx

@@ -2,14 +2,22 @@ import { ClerkProvider, useAuth, useUser } from '@clerk/expo';
 import { AuthView, UserButton, UserProfileView } from '@clerk/expo/native';
 import { tokenCache } from '@clerk/expo/token-cache';
 import { useState } from 'react';
-import { Button, Modal, StyleSheet, Text, View } from 'react-native';
+import { Button, LogBox, Modal, StyleSheet, Text, View } from 'react-native';
 
 import { BiometricAvailabilityButton } from './components/BiometricAvailabilityButton';
 import { GoogleSignInButton } from './components/GoogleSignInButton';
+import { readVerifyLaunch } from './verify/launch';
+import { logRequests, VerifyHost } from './verify/VerifyHost';
 
 const publishableKey = process.env.EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY;
+const verifyLaunch = readVerifyLaunch();
 
-if (!publishableKey) {
+if (verifyLaunch) {
+  LogBox.ignoreAllLogs();
+  if (verifyLaunch.debugLogging) {
+    logRequests();
+  }
+} else if (!publishableKey) {
   throw new Error('Missing EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY');
 }
 
@@ -111,6 +119,10 @@ function NativeBuildFixture() {
 }
 
 export default function App() {
+  if (verifyLaunch) {
+    return <VerifyHost launch={verifyLaunch} />;
+  }
+
   return (
     <ClerkProvider
       publishableKey={publishableKey}

integration/templates/expo-native/app.config.js

@@ -0,0 +1,6 @@
+const { version: expoVersion } = require('expo/package.json');
+
+module.exports = ({ config }) =>
+  expoVersion.startsWith('57.')
+    ? { ...config, plugins: [...config.plugins, ['expo-build-properties', { ios: { enableSceneSupport: true } }]] }
+    : config;

integration/templates/expo-native/app.json

@@ -12,6 +12,11 @@
     "android": {
       "package": "com.clerk.exponativebuildfixture"
     },
-    "plugins": ["expo-secure-store", "@clerk/expo", "expo-web-browser"]
+    "plugins": ["expo-secure-store", "@clerk/expo", "@clerk/expo-google-signin", "expo-web-browser"],
+    "extra": {
+      "EXPO_PUBLIC_CLERK_GOOGLE_WEB_CLIENT_ID": "000000000000-clerkverifyplaceholderweb.apps.googleusercontent.com",
+      "EXPO_PUBLIC_CLERK_GOOGLE_IOS_CLIENT_ID": "000000000000-clerkverifyplaceholderios.apps.googleusercontent.com",
+      "EXPO_PUBLIC_CLERK_GOOGLE_IOS_URL_SCHEME": "com.googleusercontent.apps.000000000000-clerkverifyplaceholderios"
+    }
   }
 }

integration/templates/expo-native/components/GoogleSignInButton.tsx

@@ -12,10 +12,15 @@ export function GoogleSignInButton() {
         testID='google-sign-in-button'
         title='Sign in with Google'
         onPress={() => {
-          void startGoogleAuthenticationFlow().catch((error: unknown) => {
-            const message = error instanceof Error ? error.message : String(error);
-            setResult(message.replace(/\s+/g, ' '));
-          });
+          setResult(null);
+          void startGoogleAuthenticationFlow().then(
+            ({ createdSessionId }) =>
+              setResult(createdSessionId ? 'Google sign-in created a session' : 'Google sign-in was cancelled'),
+            (error: unknown) => {
+              const message = error instanceof Error ? error.message : String(error);
+              setResult(`Google sign-in failed: ${message.replace(/\s+/g, ' ')}`);
+            },
+          );
         }}
       />
       {result && <Text testID='google-result'>{result}</Text>}

integration/templates/expo-native/metro.config.js

@@ -0,0 +1,37 @@
+const fs = require('node:fs');
+const path = require('node:path');
+const { getDefaultConfig } = require('expo/metro-config');
+const { dependencies, devDependencies } = require('./package.json');
+
+const config = getDefaultConfig(__dirname);
+const monorepoRoot = path.resolve(__dirname, '../../..');
+const fixtureEntry = path.join(__dirname, 'index.js');
+const fixturePackages = new Set(Object.keys({ ...dependencies, ...devDependencies }));
+
+function linksToWorkspace() {
+  try {
+    return (
+      fs.realpathSync(path.join(__dirname, 'node_modules/@clerk/expo')) === path.join(monorepoRoot, 'packages/expo')
+    );
+  } catch {
+    return false;
+  }
+}
+
+function packageName(moduleName) {
+  const [scope, name] = moduleName.split('/');
+  return scope.startsWith('@') ? `${scope}/${name}` : scope;
+}
+
+if (linksToWorkspace()) {
+  config.watchFolders = [monorepoRoot];
+  config.resolver.resolveRequest = (context, moduleName, platform) => {
+    const fromWorkspace = !context.originModulePath.startsWith(__dirname + path.sep);
+    if (fromWorkspace && fixturePackages.has(packageName(moduleName))) {
+      return context.resolveRequest({ ...context, originModulePath: fixtureEntry }, moduleName, platform);
+    }
+    return context.resolveRequest(context, moduleName, platform);
+  };
+}
+
+module.exports = config;

integration/templates/expo-native/modules/verify-launch-config/android/build.gradle

@@ -0,0 +1,15 @@
+plugins {
+  id 'com.android.library'
+  id 'expo-module-gradle-plugin'
+}
+
+group = 'expo.modules.verifylaunchconfig'
+version = '1.0.0'
+
+android {
+  namespace "expo.modules.verifylaunchconfig"
+  defaultConfig {
+    versionCode 1
+    versionName "1.0.0"
+  }
+}

integration/templates/expo-native/modules/verify-launch-config/android/src/main/AndroidManifest.xml

@@ -0,0 +1,2 @@
+<manifest>
+</manifest>

integration/templates/expo-native/modules/verify-launch-config/android/src/main/java/expo/modules/verifylaunchconfig/VerifyLaunchConfigModule.kt

@@ -0,0 +1,34 @@
+package expo.modules.verifylaunchconfig
+
+import android.content.Context
+import expo.modules.kotlin.modules.Module
+import expo.modules.kotlin.modules.ModuleDefinition
+
+private const val PREFERENCES = "verify_launch_config"
+private const val STORAGE_SCOPE_KEY = "storageScope"
+private val CLERK_STORAGE = listOf("clerk_preferences", "SecureStore")
+
+class VerifyLaunchConfigModule : Module() {
+  override fun definition() = ModuleDefinition {
+    Name("VerifyLaunchConfig")
+
+    Function("readLaunchInputs") {
+      val extras = appContext.currentActivity?.intent?.extras ?: return@Function emptyMap<String, String>()
+      extras.keySet()
+        .filter { it.startsWith("verify") }
+        .mapNotNull { key -> extras.getString(key)?.let { key to it } }
+        .toMap()
+    }
+
+    Function("applyStorageScope") { scope: String ->
+      val context = appContext.reactContext ?: return@Function
+      val preferences = context.getSharedPreferences(PREFERENCES, Context.MODE_PRIVATE)
+      if (preferences.getString(STORAGE_SCOPE_KEY, null) == scope) {
+        return@Function
+      }
+
+      CLERK_STORAGE.forEach { context.deleteSharedPreferences(it) }
+      preferences.edit().putString(STORAGE_SCOPE_KEY, scope).commit()
+    }
+  }
+}

integration/templates/expo-native/modules/verify-launch-config/expo-module.config.json

@@ -0,0 +1,9 @@
+{
+  "platforms": ["apple", "android"],
+  "apple": {
+    "modules": ["VerifyLaunchConfigModule"]
+  },
+  "android": {
+    "modules": ["expo.modules.verifylaunchconfig.VerifyLaunchConfigModule"]
+  }
+}