Пользовательские команды Cypress JS не работают в VUE CLI

Question

Я пытаюсь настроить пользовательскую команду для добавления некоторых элементов хранения сеанса в проект, и она, похоже, не запускается.

Команда выглядит следующим образом

Cypress.Commands.add("login", () => {
    window.sessionStorage.setItem("token", "tokengoeshere");
    window.sessionStorage.setItem("username", "phoenix");
    cy.visit("http://localhost:8080");
});

Я добавил файл в cypress.json

"supportFile": "tests/e2e/support/index.js",

, а index.js выглядит как

// Import commands.js using ES2015 syntax:
import "./commands";

Когда хранилище запуска сеанса тестов пусто

Answer 1

Где вы вызываете эту пользовательскую команду?

Обычно вы создаете пользовательские команды в файле cypress/support/commands.js, и эти команды становятся доступными в cy.

.вставьте его в ваш cypress/support/commands.js

Cypress.Commands.add("login", () => {
    window.sessionStorage.setItem("token", "tokengoeshere");
    window.sessionStorage.setItem("username", "phoenix");
    cy.visit("http://localhost:8080");
});

и затем вызовите его с cy.login() из любого тестового файла.Они обычно находятся в папке cypress/integration.Например, в вашем случае файл cypress/integration/myTestsWithCustomCommand.js:

describe("My tests using custom commands", () => {

  it("1st test using custom command", () => {
    cy.login();
    // rest of your code test
  });
});