Quiz: Introduction to Playwright

1.Which browsers does Playwright support out of the box?

Chromium onlyChromium, Firefox and WebKitInternet Explorer and Edge Legacy

2.Which package contains the Playwright test runner?

playwright@playwright/testjest-playwright

3.Which command scaffolds a new Playwright project (config, example test, CI workflow)?

npm install playwrightnpx playwright testnpm init playwright@latest

4.How do you open Playwright’s interactive UI mode runner?

npx playwright test --uinpx playwright opennpx playwright show-trace

5.What is the difference between the playwright npm package and @playwright/test?

They are identical — just two names for the same package.playwright is the browser-control library; @playwright/test adds the test runner, fixtures, assertions and tooling on top.@playwright/test is only for TypeScript projects; playwright works with JavaScript.playwright includes the test runner; @playwright/test is just a type-definitions package.

6.What is the default browser mode when you run npx playwright test?

Headed — tests open a visible browser window.Headless — the browser runs without a visible window.UI mode — the test runner GUI opens automatically.Debug mode — the Playwright Inspector launches with each test.

7.What is the Playwright Trace Viewer used for?

It generates test code automatically by recording browser interactions.It displays network request logs from the server side.It lets you inspect a recorded test execution step by step — screenshots, DOM snapshots, network and console at each action.It runs tests in parallel and traces their execution time.

8.What is playwright.config.ts primarily used for?

It stores test data and fixtures used across spec files.It configures test projects (browsers), base URL, timeouts, reporter, retries and shared use options for all tests.It declares which test files exist so Playwright knows where to look.It is a TypeScript compiler config for the test project.

Check yourself