Test with Postman and Cypress

Joyce welcomes Dr. Gleb Bahmutov, PhD, Senior Director of Engineering at Mercari to this week's stream. Follow along, as they learn how to test APIs using Postman and test the frontend using Cypress. Previously the VP of Engineering at Cypress, Gleb is now one of the foremost instructors on Cypress technology.

0:00 Start
1:09 Intro
7:16 ICYMI
8:30 What are we doing today?
13:30 Fork the example application to write API and front-end tests
14:50 Run the example application
17:58 Use Interceptor to proxy network calls from browser to Postman
22:10 Write API tests in Postman
32:53 Run API tests in Postman
34:45 Install Cypress and configure baseUrl
37:45 Overview of spec.js file in cypress/integration/ directory
39:35 Use Cypress iframe command log to suggest user actions to replicate
42:00 Write Chai.js assertion based on previous user actions
52:25 Run Postman API tests as part of continuous integration pipeline using CircleCI
56:23 Configure CircleCI pipeline with Newman orb and running application locally
1:07:50 Run Cypress front-end tests on CircleCI and store artifacts
1:16:14 Debug Newman orb configuration settings in CircleCI (unsuccessfully)
1:20:40 Importance of artifacts for ongoing visibility and debugging during testing
1:23:00 Wrap up and shoutouts

Resources
- Example application code: https://github.com/bahmutov/live-example
- Example API tests: https://www.postman.com/devrel/workspace/devrel-re-public/collection/13191452-d7a22357-0bc9-4968-bc44-0060537d8d0e
- CircleCI Newman orb: https://circleci.com/developer/orbs/orb/postman/newman
- CircleCI Cypress orb: https://circleci.com/developer/orbs/orb/cypress-io/cypress
- Interceptor docs: https://learning.postman.com/docs/sending-requests/capturing-request-data/interceptor/

Видео Test with Postman and Cypress канала Postman