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.

Featured Partners

Related Videos

See all videos
​Road to Web342:19

​Road to Web3

Soumaya Erradi

Web3 Developer Crash Course58:00

Web3 Developer Crash Course

Marko Ivanković

Advanced Cypress: custom assertions and tasks08:33

Advanced Cypress: custom assertions and tasks

Luca Micieli

Blockchain, NFT and smart contracts for my application57:38

Blockchain, NFT and smart contracts for my application

Hendrik Ebbers

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

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

From learning to earning

Jobs that call for the skills explored in this talk.