create a new branch with every thing from PR #14868

Signed-off-by: MALIN WIDÈN <malwi130@student.liu.se>

packages/techdocs-cli/cypress/e2e/backstage_serve.cy.js

@@ -48,11 +48,11 @@ describe('TechDocs Live Preview - Backstage Serve', () => {
     cy.get('.md-footer').should('have.length', 1);
   });
 
-  it('toMatchImageSnapshot - Backstage TechDocs Page', () => {
+  it('matchImage - Backstage TechDocs Page', () => {
     cy.visit(
       `${Cypress.env('backstageBaseUrl')}/docs/default/component/local`,
     ).then(() => {
-      cy.document().toMatchImageSnapshot();
+      cy.document().matchImage();
     });
   });
 });

packages/techdocs-cli/cypress/e2e/mkdocs_serve.cy.js

@@ -40,9 +40,9 @@ describe('TechDocs Live Preview - MkDocs Serve', () => {
     cy.get('.md-footer').should('have.length', 1);
   });
 
-  it('toMatchImageSnapshot - MkDocs Page', () => {
+  it('matchImage - MkDocs Page', () => {
     cy.visit(Cypress.env('mkDocsBaseUrl')).then(() => {
-      cy.document().toMatchImageSnapshot();
+      cy.document().matchImage();
     });
   });
 });

packages/techdocs-cli/cypress/plugins/index.js

@@ -1,41 +0,0 @@
-/*
- * Copyright 2022 The Backstage Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-// ***********************************************************
-// This example plugins/index.js can be used to load plugins
-//
-// You can change the location of this file or turn off loading
-// the plugins file with the 'pluginsFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/plugins-guide
-// ***********************************************************
-
-// This function is called when a project is opened or re-opened (e.g. due to
-// the project's config changing)
-
-const { initPlugin } = require('cypress-plugin-snapshots/plugin');
-
-/**
- * @type {Cypress.PluginConfig}
- */
-// eslint-disable-next-line no-unused-vars
-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;
-};

packages/techdocs-cli/cypress/support/e2e.js

@@ -30,7 +30,7 @@
 
 // Import commands.js using ES2015 syntax:
 import './commands';
-import 'cypress-plugin-snapshots/commands';
+import '@frsource/cypress-plugin-visual-regression-diff/commands';
 
 // Alternatively you can use CommonJS syntax:
 // require('./commands')