Merge pull request #2 from uktrade/feature/add-unit-tests

Introducing unit and e2e test set up to package

Author: PippoRaimondi

.gitignore

@@ -1,2 +1,8 @@
 node_modules
-dist
+dist
+
+# test
+cypress-visual-screenshots/comparison
+cypress-visual-screenshots/diff
+cypress/videos
+cypress/fixtures

cypress-visual-screenshots/baseline/element.png

@@ -0,0 +1,7 @@
+{
+  "integrationFolder": "cypress/specs",
+  "pluginsFile": "cypress/plugins/index.js",
+  "supportFile": "cypress/support/index.js",
+  "defaultCommandTimeout": 20000,
+  "requestTimeout": 20000
+}

cypress-visual-screenshots/baseline/wholePage.png

@@ -0,0 +1,5 @@
+/* eslint-disable */
+module.exports = (on, config) => {
+  const getCompareSnapshotsPlugin = require('../../dist/plugin')
+  getCompareSnapshotsPlugin(on, config)
+}

cypress.json

@@ -0,0 +1,9 @@
+it('should compare screenshot of the entire page', () => {
+  cy.visit('../../report-example.html')
+  cy.compareSnapshot('wholePage')
+})
+
+it('should compare screenshot from a given element', () => {
+  cy.visit('../../report-example.html')
+  cy.get('#report-header').compareSnapshot('element')
+})

cypress/plugins/index.js

@@ -0,0 +1,3 @@
+const compareSnapshotCommand = require('../../dist/command')
+
+compareSnapshotCommand()

cypress/specs/image-diff-spec.js

@@ -0,0 +1 @@
+require('./commands')