用于动态测试的预扫描网页

Question

寻找对@JeffTanner提出的问题的确切答案在这里 生成动态测试。从这个问题和柏树样本中，很明显，我们需要在生成之前知道所需的测试数量。

问题

我们有一个网页，其中包含一个医疗分析数据表，白天多次刷新。每个刷新团队都必须检查数据，为了分配我们每行作为单独测试的工作。但是行的数量每次都会有所不同，这意味着我必须计算行并在每次运行中更新系统。寻找一种以编程方式获取行计数的方法。

html是＆lt; tbody＆gt;＆lt＆gt; tr＆gt;＆lt;/tr＆gt;＆lt;/tbody＆gt;的表the each（），丢弃的错误是“找不到测试”

let rowCount;

beforeEach(() => {
  cy.visit('/analytics')
  cy.get('tbody tr').then($els => rowCount = $els.length)
})

Cypress._.times(rowCount => {
  it('process row', () => {
    ...
  })
})

Answer 1

之前的：运行事件在测试开始之前触发，您可以在此处扫描网页。

在setupnodeevents（）中设置事件侦听器。柏树命令不会在这里运行，但是您可以使用等效的节点命令。

const { defineConfig } = require("cypress");

module.exports = defineConfig({
  e2e: {
    setupNodeEvents(on, config) {
      on('before:run', async (details) => {
        try {
          const fetch = require('node-fetch');
          const fs = require('fs-extra');
          const jsdom = require("jsdom");
          const { JSDOM } = jsdom;                           
          
          const response = await fetch(config.env.prescan);  // default below 
          const body = await response.text();                // or pass in command line

          const dom = new JSDOM(body);
          const rows = dom.window.document.body.querySelectorAll('tr')  // query

          // save results
          fs.writeJson('./cypress/fixtures/analytics-rows.json', {rows:rows.length})

        } catch (error) {
          console.log('error:', error)
        }
      })
    },
  },
  env: {
    prefetch: 'url-for-analytics-page'
  }
})

测试

import {rows} from './cypress/fixtures/analytics-rows.json'  // read row count

Cypress._.times(rows, (row) => {
  it(`tests row ${row}`, () => {
    ...
  })
}

Answer 2

一种可能性是在预测脚本中运行上述柏树测试，该脚本将始终在主测试脚本之前运行。

// package.json

{
  ...
  "scripts": {
    "pretest": "npx cypress run --spec cypress/e2e/pre-scan.cy.js",
    "test": "npx cypress run --spec cypress/e2e/main-test.cy.js",
  }
}

// pre-scan.cy.js

it('scans for table row count', () => {
  cy.visit('/analytics');
  cy.get('tbody tr').then($els => {
    const rowCount = $els.length;
    cy.writeFile('cypress/fixtures/rowcount.json', rowCount);
  });
});

Answer 3

您可以将脚本scan-for-rows.js添加到project 脚本文件夹，

const rp = require('request-promise');
const $ = require('cheerio');
const fs = require('fs-extra');

rp('my-url')
  .then(function(html) {
    const rowCount = $('big > a', html).length
    fs.writeJson('row-count.json', {rowCount})
  })
  .catch(function(err){
    //handle error
  });

然后在package.json pre-pre-每当出现新版本的网页时，测试脚本。

Answer 4

这是一种在不使用其他软件包，插件，测试挂钩或NPM脚本的情况下将行计数获取的方法。

基本上，您可以创建一个单独的模块，该模块使用XMLHTTPRequest类制作同步的HTTP请求到/Analytics endpoint并使用浏览器的domparser class要查找返回＆lt; tr＆gt;标签的数字。

// scripts/get-row-count.js
export function getRowCount() {
  let request = new XMLHttpRequest();

  // Set async to false because Cypress will not wait for async functions to finish before looking for it() statements
  request.open('GET', '/analytics', false); 

  request.send(null);

  const document = new DOMParser().parseFromString(request.response, 'text/html');

  const trTags = Array.from(document.getElementsByTagName('tr'));

  return trTags.length;
};

然后在规格文件中导入新功能，现在您可以在需要时获得更新的行计数。

import { getRowCount } from '../scripts/get-row-count';

Cypress._.times(getRowCount() => {
  it('process row', () => {
    ...
  })
})

xmlhttprequest而不是获取的原因是因为它允许提出同步请求。需要同步请求，因为赛普拉斯不会等待异步请求在解析it（）块之前返回。

这样，您始终拥有最新的排数量，而无需过时。