Ya me burlé de Firebase onAuthStateChanged, por lo que las pruebas funcionan sin problemas, pero tengo este caso de uso, en el que se configura el usuario interno:
const [isSignedIn, setIsSignedIn] = useState<boolean>(false); const [displayName, setDisplayName] = useState<string | null>(''); const auth = getAuth(); onAuthStateChanged(auth, (user) => { console.log('OnAuthStateChanged USER', user); if (user) { setDisplayName(user.email); setIsSignedIn(true); } else { setIsSignedIn(false); setDisplayName(''); }Sé que puedes burlarte fácilmente de lo que devuelve, pero no sé cómo lidiar con el "interior" de una función si eso es posible.
Necesito configurar el estado específicamente ya que DrawerNavigator mostrará diferentes opciones dependiendo de si el usuario inició sesión o no:
{isSignedIn && ( <> <Drawer.Screen name='Dashboard' component={Dashboard} /> </> )} {!isSignedIn && ( <> <Drawer.Screen name='Welcome' component={Welcome} /> <Drawer.Screen name='CreateAccount' component={CreateAccount} /> <Drawer.Screen name='Login' component={Login} /> </> )}Puedo probar la funcionalidad, pero solo en el estado predeterminado cuando se inicializa, ¿cómo puedo hacer que esto funcione? ¿O hay algún otro cambio en la forma en que configuro el estado en el que esto podría ser comprobable?
Aquí también es cómo me estoy burlando del módulo firebase/auth en este momento:
/** * Firebase */ jest.mock('firebase/auth', () => { return { getAuth: () => jest.fn(), onAuthStateChanged: () => jest.fn(), }; });Suponiendo que desea emular el retraso que se produce al iniciar sesión un usuario:
onAuthStateChanged con o sin un usuario.currentUser en la instancia de FirebaseAuth que se le pasó debe actualizarse al mismo tiempo.El simulacro a continuación asume que no está usando más de una aplicación a la vez. Si es así, se debe implementar la obtención de instancias de aplicaciones específicas.
/** * Firebase Auth Module */ jest.mock('firebase/auth', () => { const authInstance = { // while handshaking with the Firebase Auth servers, currentUser // is null, regardless if someone is logged in or not. currentUser: null }; const mockedUserInfo = Object.freeze({ // force read-only // mocked user info here - display name, email, etc email: 'example@example.com' }); // container for attached callbacks and state variables const authChangeCallbacks = []; let authCurrentUserInfo = mockedUserInfo; let authTimer = null; let authTimerCompleted = false; // invoke all callbacks with current data const fireOnChangeCallbacks = () => { authMock.currentUser = authCurrentUserInfo; callbacks.forEach((cb) => { try { cb(mockedUserInfo)); // invoke any active listeners } catch (err) { console.error('Error invoking callback', err); } }); authTimerCompleted = true; } authInstance.signOut = () => { // signInWithX will look similar to this authCurrentUserInfo = null; fireOnChangeCallbacks(); }; return { getAuth: jest.fn(() => authInstance), onAuthStateChanged: jest.fn((authMock, onChangeCallback) => { if (!authTimer) { // increase this delay to emulate slower connections authTimer = setTimeout(fireOnChangeCallbacks, 2000); } callbacks.push(onChangeCallback); const unsubscriber = () => { const foundIndex = callbacks.indexOf(onChangeCallback); if (foundIndex > -1) callbacks.splice(foundIndex, 1); } if (authTimerCompleted) { // auth is "resolved" already, fire callback immediately onChangeCallback(mockedUserInfo); } return unsubscriber; }) }; });