Playwright allows us to automate logging in to a Microsoft Online account. Steps We start at https://login.microsoftonline.com/ We provide the username and password, injected by using environment variables 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('Emai...| www.checklyhq.com
Social login using your personal Google or Google Gsuite account is a common use case for many login scenarios. Steps We start at a site that offers Google as an authentication provider. In this case we use Stack Overflow. We fetch the login page and click the “Login with Google” button. We are redirect to Google. We provide the username and password, injected by using environment variables. We are redirected back to the starting. google-login.spec.ts import { test } from '@playwright/tes...| www.checklyhq.com
Learn how to handle authentication in Playwright, including SSO, 2FA, Passkeys and more. Reuse authentication state across tests with storageState.| www.checklyhq.com
When creating browser checks, you probably run some code locally, store it in a Git repo or copy and paste it around a bit. This means the credentials in the script are at risk of being exposed. You should therefore replace any confidential data in your check scripts with variables or secrets. Variables and secrets There are two ways to store configuration information in Checkly: Variables and secrets. Both variables and secrets are encrypted at rest and in flight.| www.checklyhq.com
You might want to use (binary) files in your browser checks. For example, you might want to upload a file to an upload form in your webapp. Or, you might want to validate some aspect of a file that is available for download on your app. Testing downloads with the download event and Download object Playwright has a download event that you can use to intercept downloads. You can also use the Download object to retrieve the contents and metadata of the downloaded file(s).| www.checklyhq.com
In some cases, you will need to provide authentication credentials to your Vercel deployment in order to run your browser checks. Vercel calls this Deployment Protection. To make optimal use of Checkly’s Vercel integration, Checkly will need access to Preview deployments and Production deployments, so we can validate your preview branches before they reach production and continuously monitor your production deployments. Vercel has a few different ways to authenticate your deployments. Each ...| www.checklyhq.com
 files in your browser checks. For example, you might want to upload a file to an upload%20form in your webapp. Or, you might want to validate some aspect of a file that is available for download on your%20app.</p>%20<a class=&)
