Logging visit URL in Cypress

Author: makaroni4

.github/workflows/deploy.yml

@@ -47,6 +47,7 @@ jobs:
           config: baseUrl=http://localhost:5173/ab-test-calculator-link/
         env:
           CYPRESS_BASE_URL: http://localhost:5173/ab-test-calculator-link/
+          DEBUG: "cypress:*"
 
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3

cypress.config.ts

@@ -4,7 +4,15 @@ export default defineConfig({
   e2e: {
     baseUrl: process.env.CYPRESS_BASE_URL || 'http://localhost:5173',
     supportFile: false,
-    specPattern: 'cypress/e2e/**/*.cy.{js,jsx,ts,tsx}'
+    specPattern: 'cypress/e2e/**/*.cy.{js,jsx,ts,tsx}',
+    setupNodeEvents(on, config) {
+      on("task", {
+        log(message) {
+          console.log(message);
+          return null;
+        },
+      });
+    },
   },
   component: {
     devServer: {

cypress/e2e/home.cy.ts

@@ -1,7 +1,11 @@
 describe('Home Page', () => {
   beforeEach(() => {
     const baseUrl = Cypress.env('CYPRESS_BASE_URL') || ''
-    cy.visit(`${baseUrl}/?cs=1000&cc=24&vs=1000&vc=54`)
+    const url = `${baseUrl}/?cs=1000&cc=24&vs=1000&vc=54`
+
+    cy.task("log", `--> Visiting URL: ${url}`)
+
+    cy.visit(url)
   })
 
   it('displays the correct heading', () => {