feat: format time durations under 5 seconds as milliseconds

cypress/e2e/spec.cy.js → cypress/e2e/spec.cy.ts

@@ -45,6 +45,36 @@ it('warns about time limit', () => {
     .timeSince('start', 200)
 })
 
+it('duration under 5 seconds', () => {
+  // should show time in milliseconds
+  cy.spy(cy, 'log').as('log')
+  cy.timeMark('start').wait(4000).timeSince('start')
+  cy.get('@log')
+    .should('be.calledTwice')
+    .invoke('getCalls')
+    .should('have.length', 2)
+    .invoke('map', (c: any) => c.args[0])
+    .invoke({ timeout: 0 }, 'find', (msg: string) =>
+      msg.match(/\s\d+ms since \*\*start\*\*/),
+    )
+    .should('be.an', 'string')
+})
+
+it('duration above 5 seconds', () => {
+  // should show time in seconds
+  cy.spy(cy, 'log').as('log')
+  cy.timeMark('start').wait(5000).timeSince('start')
+  cy.get('@log')
+    .should('be.calledTwice')
+    .invoke('getCalls')
+    .should('have.length', 2)
+    .invoke('map', (c: any) => c.args[0])
+    .invoke({ timeout: 0 }, 'find', (msg: string) =>
+      msg.match(/\s00:05 since \*\*start\*\*/),
+    )
+    .should('be.an', 'string')
+})
+
 // confirm the failing test when the time limit has been exceeded
 describe.skip('fails the test', () => {
   it('fails the test if the elapsed time is above the limit', () => {

package.json

@@ -20,7 +20,7 @@
   "author": "Gleb Bahmutov <gleb.bahmutov@gmail.com>",
   "license": "MIT",
   "devDependencies": {
-    "cypress": "^13.5.1",
+    "cypress": "^13.6.4",
     "prettier": "^3.1.0",
     "semantic-release": "^19.0.5",
     "stop-only": "^3.1.2",

renovate.json

@@ -18,6 +18,5 @@
       "excludePackagePatterns": ["cypress", "debug"],
       "enabled": false
     }
-  ],
-  "ignorePaths": ["**/node_modules/**", "cypress-v9/**"]
+  ]
 }

src/index.js

@@ -23,7 +23,7 @@ Cypress.Commands.add(
 )
 
 function formatDurationMs(ms) {
-  if (ms < 2000) {
+  if (ms < 5000) {
     return ms + 'ms'
   } else {
     return format(ms, { leading: true })
@@ -51,12 +51,14 @@ Cypress.Commands.add(
       timeLimit = label
       label = undefined
     }
-    console.log({
-      name,
-      label,
-      timeLimit,
-      throwError,
-    })
+
+    // for debugging only
+    // console.log({
+    //   name,
+    //   label,
+    //   timeLimit,
+    //   throwError,
+    // })
 
     if (label) {
       if (typeof label !== 'string') {

tsconfig.json

@@ -102,5 +102,5 @@
     // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
     "skipLibCheck": true /* Skip type checking all .d.ts files. */
   },
-  "include": ["./cypress/e2e/*.js"]
+  "include": ["./cypress/e2e/*.js", "cypress/e2e/spec.cy.ts"]
 }