Integrating Postman with Cypress for Efficient API Testing​

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/