feat: check per page and unit code coverage on CI

Author: bahmutov

.circleci/config.yml

@@ -19,5 +19,9 @@ workflows:
             # print code coverage summary to the terminal
             # and make sure there the coverage is above certain limit
             - run: npx nyc report --check-coverage true --lines 80
+            # make sure second page (about.html) has its JavaScript counted and covered
+            - run: npx nyc report --check-coverage true --lines 100 --include cypress/about.js
+            # make sure unit tests are covered
+            - run: npx nyc report --check-coverage true --lines 100 --include cypress/unit.js
             # publish new version if necessary
             - run: npm run semantic-release

cypress/integration/spec.js

@@ -8,19 +8,24 @@ const { fixSourcePathes } = require('../../utils')
 context('Page test', () => {
   beforeEach(() => {
     cy.visit('/', {
-      onBeforeLoad (win) {
+      onBeforeLoad(win) {
         cy.spy(win.console, 'log').as('log')
       }
     })
-
-    cy.contains('About').click()
   })
 
-  it('logs names', function () {
+  it('logs names', function() {
     cy.get('@log')
       .should('have.been.calledOnce')
       .should('have.been.calledWith', 'just names', ['joe', 'mary'])
   })
+
+  it('loads About page', () => {
+    cy.contains('About').click()
+    cy.url().should('match', /\/about/)
+    cy.contains('h2', 'About')
+    cy.contains('Est. 2019')
+  })
 })
 
 context('Unit tests', () => {