Account switcher (#85)

* Update the account-create and signin views to use the design system.

Also:
- Add borderDark to the theme
- Start to an account selector in the signin flow

* Dark mode fixes in signin ui

* Track multiple active accounts and provide account-switching UI

* Add test tooling for an in-memory pds

* Add complete integration tests for login and the account switcher

2 files changed, 3 insertions, 129 deletions

diff --git a/__tests__/view/com/login/Signin.test.tsx b/__tests__/view/com/login/Signin.test.tsx
deleted file mode 100644
index e5b6bdbc6..000000000
--- a/__tests__/view/com/login/Signin.test.tsx
+++ /dev/null
@@ -1,126 +0,0 @@
-import React from 'react'
-import {Signin} from '../../../../src/view/com/login/Signin'
-import {cleanup, fireEvent, render} from '../../../../jest/test-utils'
-import {SessionServiceClient, sessionClient as AtpApi} from '@atproto/api'
-import {
-  mockedSessionStore,
-  mockedShellStore,
-} from '../../../../__mocks__/state-mock'
-import {Keyboard} from 'react-native'
-
-describe('Signin', () => {
-  const requestPasswordResetMock = jest.fn()
-  const resetPasswordMock = jest.fn()
-  jest.spyOn(AtpApi, 'service').mockReturnValue({
-    com: {
-      atproto: {
-        account: {
-          requestPasswordReset: requestPasswordResetMock,
-          resetPassword: resetPasswordMock,
-        },
-      },
-    },
-  } as unknown as SessionServiceClient)
-  const mockedProps = {
-    onPressBack: jest.fn(),
-  }
-  afterAll(() => {
-    jest.clearAllMocks()
-    cleanup()
-  })
-
-  it('renders logs in form', async () => {
-    const {findByTestId} = render(<Signin {...mockedProps} />)
-
-    const loginFormView = await findByTestId('loginFormView')
-    expect(loginFormView).toBeTruthy()
-
-    const loginUsernameInput = await findByTestId('loginUsernameInput')
-    expect(loginUsernameInput).toBeTruthy()
-
-    fireEvent.changeText(loginUsernameInput, 'testusername')
-
-    const loginPasswordInput = await findByTestId('loginPasswordInput')
-    expect(loginPasswordInput).toBeTruthy()
-
-    fireEvent.changeText(loginPasswordInput, 'test pass')
-
-    const loginNextButton = await findByTestId('loginNextButton')
-    expect(loginNextButton).toBeTruthy()
-
-    fireEvent.press(loginNextButton)
-
-    expect(mockedSessionStore.login).toHaveBeenCalled()
-  })
-
-  it('renders selects service from login form', async () => {
-    const keyboardSpy = jest.spyOn(Keyboard, 'dismiss')
-    const {findByTestId} = render(<Signin {...mockedProps} />)
-
-    const loginSelectServiceButton = await findByTestId(
-      'loginSelectServiceButton',
-    )
-    expect(loginSelectServiceButton).toBeTruthy()
-
-    fireEvent.press(loginSelectServiceButton)
-
-    expect(mockedShellStore.openModal).toHaveBeenCalled()
-    expect(keyboardSpy).toHaveBeenCalled()
-  })
-
-  it('renders new password form', async () => {
-    const {findByTestId} = render(<Signin {...mockedProps} />)
-
-    const forgotPasswordButton = await findByTestId('forgotPasswordButton')
-    expect(forgotPasswordButton).toBeTruthy()
-
-    fireEvent.press(forgotPasswordButton)
-    const forgotPasswordView = await findByTestId('forgotPasswordView')
-    expect(forgotPasswordView).toBeTruthy()
-
-    const forgotPasswordEmail = await findByTestId('forgotPasswordEmail')
-    expect(forgotPasswordEmail).toBeTruthy()
-    fireEvent.changeText(forgotPasswordEmail, 'test@email.com')
-
-    const newPasswordButton = await findByTestId('newPasswordButton')
-    expect(newPasswordButton).toBeTruthy()
-    fireEvent.press(newPasswordButton)
-
-    expect(requestPasswordResetMock).toHaveBeenCalled()
-
-    const newPasswordView = await findByTestId('newPasswordView')
-    expect(newPasswordView).toBeTruthy()
-
-    const newPasswordInput = await findByTestId('newPasswordInput')
-    expect(newPasswordInput).toBeTruthy()
-    const resetCodeInput = await findByTestId('resetCodeInput')
-    expect(resetCodeInput).toBeTruthy()
-
-    fireEvent.changeText(newPasswordInput, 'test pass')
-    fireEvent.changeText(resetCodeInput, 'test reset code')
-
-    const setNewPasswordButton = await findByTestId('setNewPasswordButton')
-    expect(setNewPasswordButton).toBeTruthy()
-
-    fireEvent.press(setNewPasswordButton)
-
-    expect(resetPasswordMock).toHaveBeenCalled()
-  })
-
-  it('renders forgot password form', async () => {
-    const {findByTestId} = render(<Signin {...mockedProps} />)
-
-    const forgotPasswordButton = await findByTestId('forgotPasswordButton')
-    expect(forgotPasswordButton).toBeTruthy()
-
-    fireEvent.press(forgotPasswordButton)
-    const forgotPasswordSelectServiceButton = await findByTestId(
-      'forgotPasswordSelectServiceButton',
-    )
-    expect(forgotPasswordSelectServiceButton).toBeTruthy()
-
-    fireEvent.press(forgotPasswordSelectServiceButton)
-
-    expect(mockedShellStore.openModal).toHaveBeenCalled()
-  })
-})
diff --git a/__tests__/view/shell/mobile/Menu.test.tsx b/__tests__/view/shell/mobile/Menu.test.tsx
index 0bffaff7f..313259041 100644
--- a/__tests__/view/shell/mobile/Menu.test.tsx
+++ b/__tests__/view/shell/mobile/Menu.test.tsx
@@ -46,10 +46,10 @@ describe('Menu', () => {
   })
 
   it("presses notifications menu item' button", () => {
-    const {getAllByTestId} = render(<Menu {...mockedProps} />)
+    const {getByTestId} = render(<Menu {...mockedProps} />)
 
-    const menuItemButton = getAllByTestId('menuItemButton')
-    fireEvent.press(menuItemButton[1])
+    const menuItemButton = getByTestId('menuItemButton-Notifications')
+    fireEvent.press(menuItemButton)
 
     expect(onCloseMock).toHaveBeenCalled()
     expect(mockedNavigationStore.switchTo).toHaveBeenCalledWith(1, true)