test: npm test script to not do coverage

The npm test script shouldn't include coverage by default, that should
itself be a separate command. In most cases you would locally run tests
normally without coverage in majority of the cases

Instead I added a new npm script test:coverage that includes coverage,
and changed npm script test to be --watch by default

Author: Venefilyn

README.md

@@ -27,6 +27,9 @@ npm run build
 # Run the test suite
 npm run test
 
+# Run the test suite with coverage
+npm run test:coverage
+
 # Run the linter
 npm run lint
 

jest.config.js

@@ -6,7 +6,7 @@ module.exports = {
   clearMocks: true,
 
   // Indicates whether the coverage information should be collected while executing the test
-  collectCoverage: true,
+  collectCoverage: false,
 
   // The directory where Jest should output its coverage files
   coverageDirectory: 'coverage',

package.json

@@ -12,12 +12,13 @@
     "build": "webpack --config webpack.prod.js && npm run dr:surge",
     "start": "sirv dist --cors --single --host --port 8080",
     "start:dev": "webpack serve --hot --color --progress --config webpack.dev.js",
-    "test": "jest",
+    "test": "jest --watch",
+    "test:coverage": "jest --coverage",
     "eslint": "eslint --ext .tsx,.js ./src/",
     "lint": "npm run eslint",
     "format": "prettier --check --write ./src/**/*.{tsx,ts}",
     "type-check": "tsc --noEmit",
-    "ci-checks": "npm run type-check && npm run lint && npm run test",
+    "ci-checks": "npm run type-check && npm run lint && npm run test:coverage",
     "build:bundle-profile": "webpack --config webpack.prod.js --profile --json > stats.json",
     "bundle-profile:analyze": "npm run build:bundle-profile && webpack-bundle-analyzer ./stats.json",
     "clean": "rimraf dist",

src/app/Dashboard/Dashboard.tsx

@@ -3,7 +3,7 @@ import { PageSection, Title } from '@patternfly/react-core';
 
 const Dashboard: React.FunctionComponent = () => (
   <PageSection>
-    <Title headingLevel="h1" size="lg">Dashboard Page Title</Title>
+    <Title headingLevel="h1" size="lg">Dashboard Page Title!</Title>
   </PageSection>
 )