Merge pull request #902 from Bandwidth/DX-2857

DX-2857 Cypress Performance Tests

Author: brianluisgomez

site/cypress/e2e/tests/performance.cy.js

@@ -0,0 +1,21 @@
+import {performanceTester} from '../../utils/utils'
+
+context('Home Page Performance Test', () => {
+  performanceTester('/', 'Bandwidth Developer Documentation')
+})
+
+context('Docs Page Performance Test', () => {
+  performanceTester('/docs/', 'Bandwidth API Documentation')
+})
+
+context('API Reference Page Performance Test', () => {
+  performanceTester('/apis/', 'API Reference')
+})
+
+// context('Numbers API Performance Test', () => {
+//   performanceTester('/apis/numbers/', 'Response samples', 'h3', 10000)
+// })
+
+// context('Global API Performance Test', () => {
+//   performanceTester('/apis/global/', 'Access', 'h2', 10000)
+// })

site/cypress/utils/utils.js

@@ -47,6 +47,25 @@ export const navTester = (path) => {
     })
   }
 
+  export const performanceTester = (path, text, element = 'h1', waitTime = 5000) => {
+    it('measures page load on the home page', () => {
+      cy.visit(`${path}`, {
+        onBeforeLoad: (win) => {
+          win.performance.mark('startMark');
+        }
+      })
+      .its('performance').then((performance) => {
+        cy.get(`${element}`).should('include.text', `${text}`)
+          .then(() => performance.mark('endMark'))
+          .then(() => {
+          performance.measure('pageLoad', 'startMark', 'endMark');
+          const measure = performance.getEntriesByName('pageLoad')[0]; 
+          assert.isAtMost(measure.duration, waitTime);
+        });
+      });
+  });
+  }
+
   export const testSvgLink = (path, svg, testPath) => {
     beforeEach(() => {
       cy.visit(`${path}`)