Browse Source

Add cypress e2e

pull/2/head
Wahyu Ramadhan 1 year ago
parent
commit
a7849f5b3d
  1. 9
      cypress.config.js
  2. 9
      cypress/e2e/tests/gantt-duration-edit.cy.js
  3. 5
      cypress/fixtures/example.json
  4. 33
      cypress/support/commands.js
  5. 20
      cypress/support/e2e.js
  6. 1
      package.json

9
cypress.config.js

@ -0,0 +1,9 @@
const { defineConfig } = require("cypress");
module.exports = defineConfig({
e2e: {
setupNodeEvents(on, config) {
// implement node event listeners here
},
},
});

9
cypress/e2e/tests/gantt-duration-edit.cy.js

@ -0,0 +1,9 @@
describe("Test a page", () => {
beforeEach(() => {
cy.visit("http://localhost:3000/#/login");
});
it("should visit the authenticated page", () => {
// Continue with your assertions or other test steps
});
});

5
cypress/fixtures/example.json

@ -0,0 +1,5 @@
{
"name": "Using fixtures to represent data",
"email": "hello@cypress.io",
"body": "Fixtures are a great way to mock data for responses to routes"
}

33
cypress/support/commands.js

@ -0,0 +1,33 @@
// ***********************************************
// This example commands.js shows you how to
// create various custom commands and overwrite
// existing commands.
//
// For more comprehensive examples of custom
// commands please read more here:
// https://on.cypress.io/custom-commands
// ***********************************************
//
//
// -- This is a parent command --
// Cypress.Commands.add('login', (email, password) => { ... })
//
//
// -- This is a child command --
// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
//
//
// -- This is a dual command --
// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
//
//
// -- This will overwrite an existing command --
// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
Cypress.Commands.add("login", (username, password) => {
// Implement your login logic here
// For example:
cy.visit("http://localhost:3000/#/login"); // Assuming your login page is at "/login"
cy.get("#exampleName").type(username);
cy.get("#examplePassword").type(password);
cy.get(".px-4").click();
});

20
cypress/support/e2e.js

@ -0,0 +1,20 @@
// ***********************************************************
// This example support/e2e.js is processed and
// loaded automatically before your test files.
//
// This is a great place to put global configuration and
// behavior that modifies Cypress.
//
// You can change the location of this file or turn off
// automatically serving support files with the
// 'supportFile' configuration option.
//
// You can read more here:
// https://on.cypress.io/configuration
// ***********************************************************
// Import commands.js using ES2015 syntax:
import './commands'
// Alternatively you can use CommonJS syntax:
// require('./commands')

1
package.json

@ -101,6 +101,7 @@
"@babel/core": "^7.14.5", "@babel/core": "^7.14.5",
"babel-plugin-module-resolver": "^4.1.0", "babel-plugin-module-resolver": "^4.1.0",
"clean-webpack-plugin": "^3.0.0", "clean-webpack-plugin": "^3.0.0",
"cypress": "^12.17.2",
"react-scripts": "^3.0.1", "react-scripts": "^3.0.1",
"webpack-sources": "1.0.1" "webpack-sources": "1.0.1"
}, },

Loading…
Cancel
Save