How do you run end-to-end tests when Cypress can't control MetaMask? This talk introduces the tool that solves it.
#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.
Why Attend a Developer Event?Modern software engineering moves too fast for documentation alone. Attending a world-class event is about shifting from tactical execution to strategic leadership.
Skill Diversification: Break out of your specific tech stack to see how the industry...