fix: add imports from cypress

Author: mayank1513

cypress.config.ts

@@ -7,7 +7,7 @@ export default defineConfig({
     baseUrl: 'http://localhost:3000/',
     viewportWidth: 1280,
     viewportHeight: 768,
-    specPattern: '**/*.e2e.ts',
+    specPattern: '**/*.cy.js',
     video: false,
     screenshotOnRunFailure: false,
 

cypress/e2e/test_form.cy.js

@@ -1,10 +1,11 @@
 /// <reference types="Cypress" />
 
-context('Form', () => {
+import { context, beforeEach, cy, it, expect } from 'cypress';
 
+context('Form', () => {
   beforeEach(() => {
-    cy.visit('http://localhost:3000/')
-  })
+    cy.visit('http://localhost:3000/');
+  });
 
   it('should change input values', () => {
     const nameText = 'John Deer';
@@ -17,24 +18,28 @@ context('Form', () => {
     cy.get('[id="#/properties/done-input"]').uncheck();
     cy.get('[id="#/properties/recurrence"] > div').click();
     cy.get('[data-value="Monthly"]').click();
-    cy.get('[id="#/properties/recurrence_interval-input"]').clear().type(recurrenceIntervalText);
+    cy.get('[id="#/properties/recurrence_interval-input"]')
+      .clear()
+      .type(recurrenceIntervalText);
     cy.get('[id="#/properties/due_date-input"]').clear().type(dateText);
     cy.get('[id="#/properties/rating"] span:last').click();
-    cy.get('[id="boundData"]').invoke('text').then((content => {
-      const data = JSON.parse(content);
+    cy.get('[id="boundData"]')
+      .invoke('text')
+      .then(content => {
+        const data = JSON.parse(content);
 
-      expect(data.name).to.equal(nameText);
-      cy.get('[id="#/properties/name"] p').should('be.empty')
+        expect(data.name).to.equal(nameText);
+        cy.get('[id="#/properties/name"] p').should('be.empty');
 
-      cy.get('[id="#/properties/recurrence_interval"]').should('exist')
+        cy.get('[id="#/properties/recurrence_interval"]').should('exist');
 
-      expect(data.description).to.equal(descText);
-      expect(data.done).to.equal(false);
-      expect(data.recurrence).to.equal('Monthly');
-      expect(data.recurrence_interval).to.equal(recurrenceIntervalText);
-      expect(data.due_date).to.equal(dateText);
-      expect(data.rating).to.equal(5);
-    }));
+        expect(data.description).to.equal(descText);
+        expect(data.done).to.equal(false);
+        expect(data.recurrence).to.equal('Monthly');
+        expect(data.recurrence_interval).to.equal(recurrenceIntervalText);
+        expect(data.due_date).to.equal(dateText);
+        expect(data.rating).to.equal(5);
+      });
   });
 
   it('should show errors', () => {
@@ -49,12 +54,14 @@ context('Form', () => {
     cy.get('[id="#/properties/recurrence"] > div').click();
     cy.get('[data-value="Never"]').click();
 
-    cy.get('[id="#/properties/recurrence_interval"]').should('not.exist')
+    cy.get('[id="#/properties/recurrence_interval"]').should('not.exist');
 
-    cy.get('[id="boundData"]').invoke('text').then((content => {
-      const data = JSON.parse(content);
+    cy.get('[id="boundData"]')
+      .invoke('text')
+      .then(content => {
+        const data = JSON.parse(content);
 
-      expect(data.due_date).to.equal('Invalid date');
-    }));
+        expect(data.due_date).to.equal('Invalid date');
+      });
   });
-})
+});