赛普拉斯：自定义命令返回数组：如何循环运行测试套件？

Question

问题：

尝试在从赛普拉斯自定义命令返回的项目数组中调用测试。

尝试使用 npm 包 mocha-each 的方法和使用 forEach 函数的另一个测试。

自定义命令：

我创建了一个自定义 Cypress 命令，该命令返回一个 AppParamsType 数组：

/// <reference types="Cypress" />

import { AppParamsType } from 'support';

declare global {
  namespace Cypress {
    interface Chainable {
      cmdGetAppsParams: () => Chainable<AppParamsType[]>;
    }
  }
}

export function cmdGetAppsParams() {
  const paramsApps: AppParamsType[] = [];

  cy.cmdAppKeys()
    .then(($appKeys: string[]) => {
      cy.wrap($appKeys).each(($appKey: string) => {
        cy.cmdProviderAppParams($appKey).then((paramApp: AppParamsType) => {
          paramsApps.push(paramApp);
        });
      });
    })
    .then(() => {
      return cy.wrap(paramsApps);
    });
}

Cypress.Commands.add('cmdGetAppsParams', cmdGetAppsParams);

使用自定义命令测试：

以下 Cypress 测试调用自定义命令 cmdGetAppsParams() 以返回项目数组。

正在迭代数组，其中一个测试使用 npm 包 mocha-each，另一个测试使用 Array forEach。这两种方法都不会在循环中调用测试。

import * as forEach from 'mocha-each';

let apps: AppParamsType[];

describe('DESCRIBE Apps Add Apps Spec', () => {
  before('BEFORE', () => {
    cy.cmdGetAppsParams().then(($apps: AppParamsType[]) => {
      expect($apps).to.be.an('array').not.empty;
      apps = $apps;
    });
  });

  it('TEST Apps Params Array', () => {
    cy.task('log', { line: 'A', data: apps });
    expect(apps).to.be.an('array').not.empty;
  });

  it('TEST each item mocha forEach', () => {
    cy.task('log', { line: 'B', data: apps });
    forEach(apps).it('item', (item: AppParamsType) => {
      cy.task('log', { line: 'B.1', data: item });
      expect(item).to.be.an('object').not.null;
    });
  });

  it('TEST each item array forEach', () => {
    cy.task('log', { line:'C', data: apps });
    expect(apps).to.be.an('array').not.empty;
    apps.forEach((item: AppParamsType) => {
      it('TEST App Param', () => {
        cy.task('log', { line: 'C.1', data: item });
        expect(item).to.be.an('object').not.null;
      });
    });
  });

我看到的结果是外部测试，由标签 'A'、'B' 和 'C' 表示，正在被调用。但是，不是内部测试，这将由标签 'B.1' 和 'C.1' 表示：

{
  "line": "A",
  "data": [
    ***
  ]
}
{
  "line": "B",
  "data": [
    ***
  ]
}
{
  "line": "C",
  "data": [
    ***
  ]
}

Answer 1

在it() 中嵌套it() 看起来很新颖。我很惊讶你没有从中得到错误。

动态生成测试的基本问题是，Cypress 运行程序需要在开始运行测试之前准确知道将生成多少测试。但是任何 Cypress 命令（包括自定义命令）在整个测试脚本完成运行（回调代码除外）之前都不会运行，因此您无法从自定义命令中获取 apps 列表。

最好的方法是将cy.cmdAppKeys()、cy.cmdGetAppsParams()和cy.cmdProviderAppParams()从自定义命令转换为纯javascript函数，然后在脚本顶部运行该函数，例如

const apps = getMyApps();  // synchronous JS function, 
                           // will run as soon as the test starts

apps.forEach((item: AppParamsType) => {

  const titleForTest = `Test App Param ${item.name}`; // Construct an informative title
  it(titleForTest, () => {
    ...
  })
})

如果您能提供自定义命令cy.cmdAppKeys()和cy.cmdProviderAppParams()的详细信息，或许可以帮助转换为同步功能。