Add new test and feature

cypress/e2e/playground.cy.js

@@ -105,4 +105,10 @@ describe('Cypress Playground - Test Design Masterclas TAT', () => {
     cy.contains('#intercept ul li', `Completed: ${todo.completed}`).should('be.visible')
     cy.contains('#intercept ul li', `User ID: ${todo.userId}`).should('be.visible')
   })
+
+  it('makes an HTTP request and asserts on the returned status code', () => {
+    cy.request('GET', 'https://jsonplaceholder.typicode.com/todos/1')
+      .its('status')
+      .should('be.equal', 200)
+  })
 })

src/index.html

@@ -147,6 +147,16 @@ <h2>
         <br>
         <button>Get TODO</button>
       </div>
+      <div id="request" class="section">
+        <h2>
+          <pre>cy.request()</pre>
+        </h2>
+        <p>Another great Cypress feature is the<a href="https://on.cypress.io/request" target="_blank"><code>cy.request()</code></a>.</p>
+        <p>Differently than the<code>cy.intercept()</code> command (which "listens" to the requests), with<code>cy.request()</code>, you can make an HTTP request, like you would with a tool like Postman.</p>
+        <p>For example:<code>cy.request('GET', 'https://api.example.com/todos/1')</code></p>
+        <p>After making the request, you could even run an assertion, to ensure it returned the correct status code.</p>
+        <p>For example:<code>cy.request('GET', 'https://api.example.com/todos/1').its('status').should('be.equal', 200)</code></p>
+      </div>
     </div>
     <script src="script.js"></script>
   </body>