Soumaya Erradi

Testing web3 applications

How do you run end-to-end tests when Cypress can't control MetaMask? This talk introduces the tool that solves it.

Testing web3 applications
#1about 5 minutes

Introduction to end-to-end testing with Cypress

Cypress is an open-source framework that simplifies frontend testing with features like real-time reloading and automatic waiting for elements.

#2about 7 minutes

Comparing Web2 and Web3 application architecture

Web3 applications replace traditional centralized backends and databases with a decentralized blockchain and smart contracts for greater user control.

#3about 7 minutes

Essential tools for Web3 frontend development

Building a Web3 frontend requires interacting with wallets like MetaMask, understanding smart contract ABIs, and using blockchain explorers for debugging.

#4about 6 minutes

Interacting with smart contracts using ethers.js

The ethers.js library simplifies reading from and writing to the blockchain by providing tools to connect to a wallet provider and call smart contract functions.

#5about 4 minutes

Solving Web3 testing challenges with Synpress

Synpress is a Cypress and Playwright wrapper that enables true end-to-end testing for dApps by providing commands to interact with the MetaMask wallet popup.

#6about 10 minutes

Configuring Cypress and Synpress for a Web3 project

Set up your testing environment by configuring the Cypress support and config files, importing Synpress commands, and increasing timeouts to handle blockchain interactions.

#7about 2 minutes

Live demo of testing wallet connection flows

A practical demonstration shows how Synpress automates complex wallet interactions like connecting, rejecting, accepting, and switching accounts within a Cypress test.

#8about 3 minutes

Testing smart contract deployment and minting

This test demonstrates deploying a smart contract and minting an NFT, illustrating why longer test timeouts are crucial for asynchronous blockchain operations.

#9about 10 minutes

Q&A on Web3 testing tools and security practices

The discussion covers recommended tools like Cypress and Playwright with Synpress, the importance of using testnets for security, and strategies for simulating real-world user flows.

Related jobs
Jobs that call for the skills explored in this talk.

test

Milly
Vienna, Austria

Intermediate

test

Milly
Vienna, Austria

Intermediate

Matching moments

Essential tools for building a Web3 application
18:29 MIN

Essential tools for building a Web3 application

​Road to Web3

Playwright's dominance and the expansion of E2E tools
18:28 MIN

Playwright's dominance and the expansion of E2E tools

The 2025 State of JavaScript Testing

Using end-to-end tests for performance monitoring
05:26 MIN

Using end-to-end tests for performance monitoring

Measure and improve frontend performance by using test automation

Understanding end-to-end testing and the benefits of Cypress
02:58 MIN

Understanding end-to-end testing and the benefits of Cypress

Watch Tests Go Brrrr! : Getting Started with Cypress in ReactJS

Implementing integration and end-to-end tests
08:08 MIN

Implementing integration and end-to-end tests

One-click-to-production: Test and automate your application

Adopting core Web3 principles in Web2 development
15:30 MIN

Adopting core Web3 principles in Web2 development

Web3: Embracing the Next Era of the Internet Within a Web2 Landscape

Presenting live web scraping demos at a developer conference
17:41 MIN

Presenting live web scraping demos at a developer conference

Tech with Tim at WeAreDevelopers World Congress 2024

Q&A on wallet providers and developer tooling
23:34 MIN

Q&A on wallet providers and developer tooling

SSO with Ethereum and Next JS

Featured Partners

Related Videos

See all videos
​Road to Web342:19

​Road to Web3

Soumaya Erradi

Connect Metamask with web3js49:40

Connect Metamask with web3js

Wisdom Nwokocha

Plants vs. Thieves: Automated Tests in the World of Web Security24:09

Plants vs. Thieves: Automated Tests in the World of Web Security

Ramona Schwering

Web3 Developer Crash Course58:00

Web3 Developer Crash Course

Marko Ivanković

Watch Tests Go Brrrr! : Getting Started with Cypress in ReactJS53:45

Watch Tests Go Brrrr! : Getting Started with Cypress in ReactJS

Anna McDougall

Let's get visual - Visual testing in your project54:23

Let's get visual - Visual testing in your project

Ramona Schwering

Fighting test flakiness with time machines50:28

Fighting test flakiness with time machines

Filip Hric

The 2025 State of JavaScript Testing28:33

The 2025 State of JavaScript Testing

Daniel Afonso

Related Articles

View all articles
LM
Luis Minvielle
10 Developer Websites in 2023
As a web developer, you're always investigating how to level up your skills and streamline your workflow. That's why we've gathered a collection of 10 innovative tools that are guaranteed to boost your productivity, enhance your coding abilities, ele...
10 Developer Websites in 2023
LM
Luis Minvielle
The Best Upcoming IT Webinars
Now that you already know what IT webinars are and how they can help you level up your professional appeal, you might want actually to get into one. Live tech webinars are one of the best ways to stay on top of the latest trends and tools because eit...
The Best Upcoming IT Webinars
CH
Chris Heilmann
WeAreDevelopers LIVE days are changing - get ready to take part
Starting with this week's Web Dev Day edition of WeAreDevelopers LIVE Days, we changed the the way we run these online conferences. The main differences are:Shorter talks (half an hour tops)More interaction in Q&AA tips and tricks "Did you know" sect...
WeAreDevelopers LIVE days are changing - get ready to take part

From learning to earning

Jobs that call for the skills explored in this talk.