JavaScript Conferences

TestJS Summit 2022

TestJS Summit 2022

Top Content

English versionEN

Video: Playwright Testing Guide

Debbie O'Brien

Senior Program Manager @ Microsoft, working with Playwright.

Testing web applications with Playwright, a reliable end-to-end testing tool. Playwright offers fast execution, powerful tooling, and support for multiple languages. It provides precise selectors, web-first assertions, and code generation for easy testing. Playwright also offers features like live debugging, tracing, and running tests on CI. The future of Playwright aims to make testing easy and fun, with a focus on creating frustration-free web experiences.

This talk has been presented at TestJS Summit 2022, check out the latest edition of this JavaScript Conference.

Read FAQ and transcription

FAQ

Playwright is a tool for reliable end-to-end testing of modern web applications that works across all browsers and platforms. It is suitable for developers and testers who want to automate testing in multiple programming languages such as C#, Java, Python, JavaScript, and TypeScript.

To install Playwright in VSCode, look for the 'Playwright Test for VSCode by Microsoft' extension. Use the command panel and write 'Install Playwright'. Follow the prompts to configure browsers and other settings.

Yes, during the installation of Playwright, you can select which browsers to test on, including Chromium, Firefox, and WebKit. You can choose one or all of them, and modify these selections later if needed.

Yes, Playwright supports testing in full isolation where tests run in separate browser contexts, ensuring they do not interfere with each other.

Playwright supports testing in multiple programming languages including C#, Java, Python, JavaScript, and TypeScript, making it a versatile choice for diverse development teams.

Playwright tests run in parallel by default, which speeds up execution. It also has built-in auto-wait features to manage dynamic content without manual timeouts.

Playwright offers powerful tooling including Code Gen, which auto-generates tests from actions, and Trace viewer for detailed debugging. It also integrates with GitHub Actions for CI/CD pipelines and supports live debugging in VSCode.

Yes, Playwright can emulate mobile devices and test mobile-specific functionalities, allowing comprehensive testing across device types.

Locators in Playwright are methods used to find elements on the page with built-in auto-waiting and retry ability. They are strict by default and can be used with various selectors like getByText, getByRole, and more.

Playwright allows you to view test executions and failures through the Trace viewer, which provides detailed snapshots and logs of the test. You can analyze actions, network requests, and other elements to debug issues.

e2e testing playwright react native playwright react

Debbie O'Brien

20 min

03 Nov, 2022

Comments

Sign in or register to post your comment.

Available in other languages:

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Full-Circle Testing With Cypress

TestJS Summit 2022

27 min

Full-Circle Testing With Cypress

Top Content

Filip Hric

Cypress is a powerful tool for end-to-end testing and API testing. It provides instant feedback on test errors and allows tests to be run inside the browser. Cypress enables testing at both the application and network layers, making it easier to reach different edge cases. With features like AppActions and component testing, Cypress allows for comprehensive testing of individual components and the entire application. Join the workshops to learn more about full circle testing with Cypress.

e2e testing testing cypress

Everyone Can Easily Write Tests

TestJS Summit 2023

21 min

Everyone Can Easily Write Tests

Debbie O'Brien

Senior Program Manager @ Microsoft, working with Playwright.

Playwright is a reliable end-to-end testing tool for modern web apps that provides one API, full isolation, fast execution, and supports multiple languages. It offers features like auto-weighting, retrying assertions, seamless testing of iframes and shadow DOM, test isolation, parallelism, and scalability. Playwright provides tools like VS Code extension, UiMode, and Trace Viewer for writing, debugging, and running tests. Effective tests prioritize user-facing attributes, use playwright locators and assertions, and avoid testing third-party dependencies. Playwright simplifies testing by generating tests, providing code generation and UI mode, and allows for easy running and debugging of tests. It helps in fixing failed tests and analyzing DOM changes, fixing locator mismatches, and scaling tests. Playwright is open source, free, and continuously growing.

e2e testing testing

Tiny Tests, Large Results

TestJS Summit 2022

21 min

Tiny Tests, Large Results

Nikolay Advolodkin

Nikolay Advolodkin

CEO and Chief Engineer at UltimateQA

Automated atomic tests are a great way to improve UI tests by making them less brittle and faster. The tests focus on testing a single feature or component and have minimal UI interactions. The Talk explores examples of automated atomic tests and their implementation on web applications. It also discusses the analysis of atomic tests, login tests, and working with JSON Web Tokens for authentication and authorization. The Talk concludes by highlighting the use of UI and web requests in automated atomic testing.

e2e testing cypress

We May Not Need Component Testing

Vue.js Live 2024

26 min

We May Not Need Component Testing

Maya Shavin

Senior Software Engineer in Microsoft. Core maintainer of StorefrontUI.

Component testing is a gray area between integration and unit testing. The demo app focuses on the cart component and writing test cases for Playwright component test and VTest. The first cart test encounters a bug with the invisible method in View Test.

e2e testing unit testing testing

Testing Mail Service With Playwright

TestJS Summit 2022

17 min

Testing Mail Service With Playwright

Top Content

Watch video: Testing Mail Service With Playwright

Kat Kmiotek

This Talk discusses how to test mail service with Playwright, covering e-mail verification, reset password user journey, and more. It explores the use of third-party providers for reliable e-mail delivery and demonstrates how Playwright can help perform checks on e-mail content. The Talk also introduces the concept of a fake SMTP server and showcases how fixtures can be used to access the SMTP server and perform assertions on the HTML body of emails. Playwright's HTML rendering feature allows for interaction with email content as if it were a regular web page. It highlights the ability to render HTML from API calls, perform assertions on the rendered page, and exclude dynamically generated data from visual regression tests.

e2e testing playwright react native javascript playwright react

E2E Tests for Web3 Applications

TestJS Summit 2022

21 min

E2E Tests for Web3 Applications

Top Content

Rafaela Azevedo

Rafaela Azevedo

The Chain Academy

In this Talk, Rafaela discusses Web3, its decentralized and token-based model, and the architecture based on smart contracts. Testing Web3 poses challenges due to the need for third-party providers like MetaMask. Approaches such as mocking the Web3 flow and using end-to-end testing tools like Taskafar are suggested. The trade-offs in Web3 testing include test speed and dependency on third-party apps. Balancing unit, integration, and end-to-end tasks is crucial for a robust testing strategy.

e2e testing javascript e2e tests react web3 testing

Workshops on related topic

Detox 101: How to write stable end-to-end tests for your React Native application

React Summit 2022

117 min

Detox 101: How to write stable end-to-end tests for your React Native application

Top Content

WorkshopFree

Yevheniia Hlovatska

Yevheniia Hlovatska

Compared to unit testing, end-to-end testing aims to interact with your application just like a real user. And as we all know it can be pretty challenging. Especially when we talk about Mobile applications.
Tests rely on many conditions and are considered to be slow and flaky. On the other hand - end-to-end tests can give the greatest confidence that your app is working. And if done right - can become an amazing tool for boosting developer velocity.
Detox is a gray-box end-to-end testing framework for mobile apps. Developed by Wix to solve the problem of slowness and flakiness and used by React Native itself as its E2E testing tool.
Join me on this workshop to learn how to make your mobile end-to-end tests with Detox rock.
Prerequisites- iOS/Android: MacOS Catalina or newer- Android only: Linux- Install before the workshop

e2e testing react native detox react native test automation react native react native testing react native accessibility testing beginner friendly

Testing Web Applications Using Cypress

TestJS Summit - January, 2021

173 min

Testing Web Applications Using Cypress

Top Content

WorkshopFree

Gleb Bahmutov

This workshop will teach you the basics of writing useful end-to-end tests using Cypress Test Runner.
We will cover writing tests, covering every application feature, structuring tests, intercepting network requests, and setting up the backend data.
Anyone who knows JavaScript programming language and has NPM installed would be able to follow along.

e2e testing javascript testing cypress

Building out a meaningful test suite that's not all E2E

TestJS Summit 2023

89 min

Building out a meaningful test suite that's not all E2E

Workshop

David Burns

We're all taught to follow the Testing Pyramid but the reality is that we build out the Testing Christmas Tree. In this workshop, David will talk you through how to break down projects and put the tests where they need to be. By the end of the workshop you will be able to update your projects so that anyone and everyone can start contributing and truly living up to "Quality is everyone job".
He will walk you through:- Component Testing- API Testing- Visual Regression Testing- A11Y testing
He will also talk you through how to get these all setup in your CI/CD pipeline so that you can get shorter and faster feedback loops.

e2e testing security testing testing

Live e2e test debugging for a distributed serverless application

TestJS Summit 2021

146 min

Live e2e test debugging for a distributed serverless application

WorkshopFree

Serkan Ozal

Oguzhan Ozdemir

2 authors

In this workshop, we will be building a testing environment for a pre-built application, then we will write and automate end-to-end tests for our serverless application. And in the final step, we will demonstrate how easy it is to understand the root cause of an erroneous test using distributed testing and how to debug it in our CI/CD pipeline with Thundra Foresight.

Table of contents:
- How to set up and test your cloud infrastructure
- How to write and automate end-to-end tests for your serverless workloads
- How to debug, trace, and troubleshot test failures with Thundra Foresight in your CI/CD pipelines

e2e testing serverless testing debug

Uniform Browser Automation Infrastructure

TestJS Summit - January, 2021

127 min

Uniform Browser Automation Infrastructure

Workshop

Ivan Krutov

In this workshop, I will show you how to quickly deploy and use browser automation infrastructure with Moon solution. We will start deploying everything on your workstation and will soon be able to run Selenium, Playwright and Puppeteer tests in parallel in the same cluster. Then I will demonstrate how to easily deliver the same experience for your team using a remote cluster in the cloud platform.

e2e testing testing