Function loginAsUser

e2e/tests/utils.ts:193–239

(
  page: Page,
  username: keyof typeof testUsers,
  options: {waitFor: 'idle' | 'syncing' | 'error'} = {waitFor: 'idle'},
)

  }
}

export async function loginAsUser(
  page: Page,
  username: keyof typeof testUsers,
  options: {waitFor: 'idle' | 'syncing' | 'error'} = {waitFor: 'idle'},
) {
  // Set Wiremock scenario state based on the user.
  await setUserWiremockScenarioState(page, username);

  // Clicking the log in button will create a popup that we need to capture.
  const popupPromise = page.waitForEvent('popup');
  await page.goto('http://localhost:5555/');
  await waitForSidebarLoaded(page);
  await page.getByRole('banner').getByText('Log in').click();
  const popup = await popupPromise;

  await popup.waitForLoadState();
  await popup.getByText(username).waitFor({timeout: 5000});
  await popup.getByText(username).hover(); // Needed for Firefox for some reason.
  await popup.getByText(username).click();
  await popup.waitForEvent('close');

  const email = testUsers[username];
  const loginButton = page.getByRole('button', {name: email});

  // Wait for the button to become visible on the main page.
  await expect(loginButton).toBeVisible();

  switch (options.waitFor) {
    case 'syncing':
      // Wait for the loading spinner on the user button to appear.
      await expect(loginButton.locator('sl-spinner')).toBeVisible();
      break;
    case 'error':
      // Wait for the error icon to be present in the DOM.
      await expect(
        page
          .getByTestId('error-while-syncing-button')
          .getByTestId('error-icon'),
      ).toBeVisible();
      break;
    case 'idle':
    default:
      // Wait for the loading spinner on the user button to disappear.
      await expect(loginButton.locator('sl-spinner')).toBeHidden();
      break;
  }
}

export async function dismissToast(page: Page) {