如何在赛普拉斯中编写可重用的“之前”？

问题描述

我想编写可重用的“before”部分，但未能将变量从主文件 (A.js) 传递到导入的代码 (HelloUtil.js)。预先感谢您提供的任何建议。

A.js

import * as UTIL from "./HelloUtil"

let variableFileA = "Hello"

// I hope the imported 'before' section is able to get 'variableFileA'

describe(`Do something`,() => {
    it('A "It" section',() => {
        cy.log("....")
    });
})

HelloUtil.js

before('Reusable "before" 1',() => {
    cy.log("lets begin....")
});

before('Reusable "before" 2',() => {
    cy.log("print variable:"+variableFileA)
});

我收到的结果：

解决方法

不，这行不通。

如果要在其中使用变量，则需要在 variableFileA 中定义 HelloUtil.js 变量。或者您可以将变量作为参数传递。但你也没有这样做。

什么是有效的：

utils.js

export const beforeFunc = () => {
  cy
    .log('Before func from utils.js');
};

test.js

import { beforeFunc } from './utils';

describe('My example test suite',() => {

  before(beforeFunc);
});

如果你想传递一些参数，你可以这样做：

utils.js

export const beforeFunc = (greetings) => {
  cy
    .log(greetings);
};

test.js

import { beforeFunc } from './utils';

describe('My example test suite',() => {

  before(() => beforeFunc('Hi'));
});

测试运行器的结果：

,

我会使用可以粘贴在任何部分的 custom command - 无论是在之前、之后还是它等等。例如：

import file from 'filePath'
Cypress.Commands.add('reusableBefore2',() => {
   cy.log("print variable:" + file)
})

您可以随时调用它：cy.reusableBefore2()