Cypress.io E2E自动化测试函数调用及代码报错排查求助

为什么Cypress提示"没有测试"？ #

Cypress识别测试的核心是必须包含describe（测试套件）和it（测试用例）块，你的代码只有函数定义，没有把这些函数放到测试用例结构中执行，所以Cypress找不到可运行的测试逻辑。

两段代码的具体问题 #

第一段代码的问题 #

• cy.visit('url')：错误地把变量url用引号包裹成字符串，应改为cy.visit(url)
• 函数参数使用了中文引号“validUsername”，必须替换为英文引号'validUsername'或"validUsername"
• 元素选择器错误：cy.get('action.username')不是合法的CSS选择器，需根据页面实际元素调整（比如用户名输入框ID为#username或类名为.username）
• type('validUsername')：错误地把变量当成字符串传入，应改为type(validUsername)，否则会输入字符串validUsername而非实际用户名
• 登录按钮的选择器和断言错误：#query-btn和文本Button不符合目标页面实际元素，需核对页面DOM调整
• verifyLoginSuccess函数为空，缺少登录成功后的断言逻辑（比如检查页面跳转、用户名显示等）

第二段代码的问题 #

• type('validUsername')和type('validPassword')：错误地使用字符串字面量而非变量，应改为type(validUsername)和type(validPassword)
• 缺少页面初始化步骤：调用login函数前没有执行cy.visit(url)，直接操作元素会导致找不到元素报错
• 未包含describe和it测试结构，Cypress无法识别为可运行测试

正确实现方式（含函数调用） #

以下是完整的可运行示例，包含标准测试结构、函数定义与调用：

const url = 'http://www.demo.applitools.com';
const validUsername = 'leilasabolic';
const validPassword = 'qaisfun202';

// 封装登录函数
function login(username, password) {
  cy.get('#username').type(username);
  cy.get('#password').type(password);
  cy.get('#log-in').click(); // 需根据页面实际按钮ID调整
}

// 测试套件定义
describe('登录功能验证', () => {
  // 每个测试用例执行前统一打开页面
  beforeEach(() => {
    cy.visit(url);
  });

  // 测试用例：有效账号登录
  it('使用有效凭证登录成功', () => {
    // 调用封装的登录函数
    login(validUsername, validPassword);
    
    // 添加登录成功断言，示例为检查登录后用户信息展示
    cy.get('.logged-in-indicator').should('be.visible');
  });
});

关键注意事项 #

• 所有测试逻辑必须嵌套在describe和it块内，Cypress才会识别为测试用例
• 传递函数参数时，不要给变量加引号，否则会变成字符串字面量而非变量值
• 元素选择器需与页面实际DOM结构匹配，建议用浏览器开发者工具配合Cypress的cy.get()定位元素
• 可通过beforeEach/before钩子统一处理测试前置操作（比如打开页面），保证测试环境一致性

内容的提问来源于stack exchange，提问作者Immaculate Leila