feat: cypress percy

.github/workflows/cypress_tests.yml

@@ -9,6 +9,9 @@ on:
       - main
   workflow_dispatch:
 
+env:
+  PERCY_TOKEN: ${{ secrets.PERCY_TOKEN }}
+
 jobs:
   cypress_tests:
     runs-on: ubuntu-latest

cypress/e2e/visualRegression.cy.ts

@@ -0,0 +1,25 @@
+import { computersListPage, addNewComputerPage, editComputerPage } from "../support/pageElements/computerDatabase.elements"
+import { computerRandomInfo, myComputerInfo } from "../fixtures/computerInfo"
+import { ComputerInfo } from "../support/types/ComputerInfo"
+
+describe('Computer database', () => {
+  beforeEach(() => {
+    cy.step('Given I am on computers page')
+    cy.visit('/')
+  })
+
+  it('verifies computers page', () => {
+    cy.get(computersListPage.computersFound).should('be.visible')
+    cy.percySnapshot()
+  })
+
+  it('verifies adds a new computer page', () => {
+    cy.get(computersListPage.addNewComputerBtn).click()
+    cy.percySnapshot()
+  })
+
+  it('verifies delete a computer page', () => {
+    cy.get(computersListPage.tableComputerNames).first().click()
+    cy.percySnapshot()
+  })
+})

cypress/support/e2e.ts

@@ -1,2 +1,3 @@
 import './commands'
 import 'cypress-plugin-steps'
+import '@percy/cypress';