Skip to main content
If you’re using Playwright for end-to-end testing, you should check out Playwright Check Suites and start testing in production.
Playwright allows us to automate logging in to a Microsoft Online account.

​
Steps

  1. We start at https://login.microsoftonline.com/
  2. We provide the username and password, injected by using environment variables
  3. We are redirected to the main account page
ms-account-login.spec.ts
import { test } from '@playwright/test'

test('test', async ({ page }) => {
  await page.goto('https://login.microsoftonline.com/')

  await page.getByRole('heading', { name: 'Sign in' }).click()
  await page.getByPlaceholder('Email address, phone number').fill(process.env.MS_USERNAME)
  await page.getByRole('button', { name: 'Next' }).click()

  await page.getByTestId('i0118').fill(process.env.MS_PASSWORD)
  await page.getByTestId('textButtonContainer').getByRole('button', { name: 'Sign in' }).click()
  await page.getByTestId('checkboxField').check()
  await page.getByLabel('Stay signed in?').click()
})
Run this example as follows. Replace the username and password placeholder with your own credentials. 
MS_USER=username MS_PWD=password npx playwright test ms-account-login.spec.ts

SET MS_USER=username
SET MS_PWD=password
npx playwright test ms-account-login.spec.ts
This example does not work when you have 2-factor authentication enabled, and you might trigger a recaptcha check.

​
Takeaways

  1. Use environment variables to inject secrets.
  2. Wait for the navigation as you are redirected to Microsoft.
  3. Wait for the navigation as you are redirected back to the start site.