Demo for #8008

.gitignore

@@ -4,3 +4,10 @@ report/
 cypress/videos
 .DS_Store
 cypress/screenshots
+.idea
+yarn-error.log
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.js

.yarnrc

@@ -0,0 +1,5 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+yarn-path ".yarn/releases/yarn-1.22.4.js"

.yarnrc.yml

@@ -0,0 +1 @@
+yarnPath: .yarn/releases/yarn-2.1.1.cjs

cypress/integration/spec.js

@@ -2,5 +2,6 @@
 describe('page', () => {
   it('works', () => {
     cy.visit('https://example.cypress.io')
+    cy.document().toMatchImageSnapshot({threshold: 0.001})
   })
 })

cypress/plugins/index.js

@@ -9,13 +9,15 @@
 // https://on.cypress.io/plugins-guide
 // ***********************************************************
 
+const {initPlugin} = require('cypress-plugin-snapshots/plugin');
+
 // This function is called when a project is opened or re-opened (e.g. due to
 // the project's config changing)
 
 /**
  * @type {Cypress.PluginConfig}
  */
 module.exports = (on, config) => {
-  // `on` is used to hook into various events Cypress emits
-  // `config` is the resolved Cypress config
-}
+    initPlugin(on, config);
+    return config;
+};

cypress/support/commands.js

@@ -23,3 +23,5 @@
 //
 // -- This will overwrite an existing command --
 // Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })
+
+require('cypress-plugin-snapshots/commands');

package.json

@@ -9,11 +9,16 @@
     "cypress:version": "cypress version",
     "list-videos": "ls -l cypress/videos",
     "check-videos": "ok-file 'cypress/videos/*.mp4'",
-    "set-status": "set-status"
+    "set-status": "set-status",
+    "test": "yarn cypress:run"
   },
   "keywords": [],
   "author": "Gleb Bahmutov <gleb@cypress.io>",
   "license": "ISC",
+  "dependencies": {
+    "cypress": "4.11.0",
+    "cypress-plugin-snapshots": "^1.4.3"
+  },
   "devDependencies": {
     "ok-file": "1.5.2"
   },