Add correct screen shots

massalabs · Nov 6, 2023 · 9ae1f1a · 9ae1f1a
1 parent 4b5954e
commit 9ae1f1a
Show file tree

Hide file tree

Showing 6 changed files with 40 additions and 13 deletions.
diff --git a/cypress-visual-screenshots/baseline/Clipboard.cy.tsx-clipboard-error-flow.png b/cypress-visual-screenshots/baseline/Clipboard.cy.tsx-clipboard-error-flow.png
diff --git a/...al-screenshots/baseline/Clipboard.cy.tsx-clipboard-raw-content-success-flow.png b/...al-screenshots/baseline/Clipboard.cy.tsx-clipboard-raw-content-success-flow.png
diff --git a/cypress-visual-screenshots/baseline/Clipboard.cy.tsx-clipboard-success-flow.png b/cypress-visual-screenshots/baseline/Clipboard.cy.tsx-clipboard-success-flow.png
diff --git a/...sual-screenshots/baseline/Clipboard.cy.tsx-clipboard-with-displayed-content.png b/...sual-screenshots/baseline/Clipboard.cy.tsx-clipboard-with-displayed-content.png
diff --git a/...isual-screenshots/baseline/Clipboard.cy.tsx-clipboard-with-only-raw-content.png b/...isual-screenshots/baseline/Clipboard.cy.tsx-clipboard-with-only-raw-content.png
diff --git a/cypress/component/integration/Clipboard.cy.tsx b/cypress/component/integration/Clipboard.cy.tsx
@@ -1,13 +1,16 @@
 import '../../../src/global.css';
-import React from 'react';
 import { Clipboard } from '../../../src/components';
 import { compareSnapshot } from '../../compareSnapshot';
 
 describe('Component | Integration | Clipboard', function () {
   describe('Clipboard', () => {
     describe('clipboard with only raw-content', () => {
       beforeEach(() => {
-        cy.mount(<Clipboard rawContent={'raw content'} />);
+        cy.mount(
+          <div className="theme-dark">
+            <Clipboard rawContent={'raw content'} />
+          </div>,
+        );
       });
       it('should render', () => {
         cy.get('[data-testid="clipboard-field"]').should('exist');
@@ -22,10 +25,13 @@ describe('Component | Integration | Clipboard', function () {
     describe('clipboard with diplayed content', () => {
       beforeEach(() => {
         cy.mount(
-          <Clipboard
-            rawContent={'raw content'}
-            displayedContent={'formatted content'}
-          />,
+          <div className="theme-dark">
+            <Clipboard
+              rawContent={'raw content'}
+              displayedContent={'formatted content'}
+            />
+            ,
+          </div>,
         );
       });
       it('should render', () => {
@@ -43,11 +49,14 @@ describe('Component | Integration | Clipboard', function () {
     describe('clipboard success flow', () => {
       beforeEach(() => {
         cy.mount(
-          <Clipboard
-            rawContent={'raw content'}
-            success="Copied!"
-            displayedContent={'formatted content'}
-          />,
+          <div className="theme-dark">
+            <Clipboard
+              rawContent={'raw content'}
+              success="Copied!"
+              displayedContent={'formatted content'}
+            />
+            ,
+          </div>,
         );
       });
       it('should render', () => {
@@ -63,6 +72,8 @@ describe('Component | Integration | Clipboard', function () {
         cy.window().then((win) => {
           cy.stub(win, 'prompt')
             .returns(win.prompt)
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
             .as('copyToClipboardPrompt');
         });
 
@@ -71,6 +82,8 @@ describe('Component | Integration | Clipboard', function () {
 
         cy.get('@copyToClipboardPrompt')
           .should((prompt) => {
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
             expect(prompt.args[0][1]).to.equal('raw content');
           })
           .then(() => {
@@ -89,7 +102,11 @@ describe('Component | Integration | Clipboard', function () {
 
     describe('clipboard raw content success flow', () => {
       beforeEach(() => {
-        cy.mount(<Clipboard rawContent={'raw content'} success="Copied!" />);
+        cy.mount(
+          <div className="theme-dark">
+            <Clipboard rawContent={'raw content'} success="Copied!" />
+          </div>,
+        );
       });
       it('should render', () => {
         cy.get('[data-testid="clipboard-field"]').should('exist');
@@ -104,6 +121,8 @@ describe('Component | Integration | Clipboard', function () {
         cy.window().then((win) => {
           cy.stub(win, 'prompt')
             .returns(win.prompt)
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
             .as('copyToClipboardPrompt');
         });
 
@@ -112,6 +131,8 @@ describe('Component | Integration | Clipboard', function () {
 
         cy.get('@copyToClipboardPrompt')
           .should((prompt) => {
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
             expect(prompt.args[0][1]).to.equal('raw content');
           })
           .then(() => {
@@ -130,7 +151,11 @@ describe('Component | Integration | Clipboard', function () {
 
     describe('clipboard error flow', () => {
       beforeEach(() => {
-        cy.mount(<Clipboard rawContent={''} error="Oupps!" />);
+        cy.mount(
+          <div className="theme-dark">
+            <Clipboard rawContent={''} error="Oupps!" />
+          </div>,
+        );
       });
       it('should render', () => {
         cy.get('[data-testid="clipboard-field"]').should('exist');
@@ -149,6 +174,8 @@ describe('Component | Integration | Clipboard', function () {
         cy.window().then((win) => {
           cy.stub(win, 'prompt')
             .returns(win.prompt)
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
             .as('copyToClipboardPrompt');
         });