Cypress自动化测试：绕过邮箱验证的策略与实践

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

Cypress自动化测试：绕过邮箱验证的策略与实践

2025-10-06

浏览次数：次

返回列表

cypress自动化测试：绕过邮箱验证的策略与实践

正如前文所述，完全绕过邮箱验证虽然看似便捷，但会带来潜在的安全隐患，并且无法覆盖验证逻辑本身的测试。因此，更推荐使用专业的邮件测试工具来自动化处理验证码，以此确保测试的完整性和安全性。

利用邮件测试工具自动化邮箱验证

在Cypress测试中，模拟用户登录流程时，邮箱验证通常是一个障碍。手动输入验证码既耗时又容易出错，因此我们需要寻找一种自动化的解决方案。邮件测试工具，如Mailosaur（或其他类似工具），便能很好地解决这个问题。

原理：

邮件测试工具提供了一组API，可以用于创建临时的邮箱地址，并读取发送到这些地址的邮件内容。我们可以利用这些API，在Cypress测试中动态获取验证码，并将其输入到登录表单中。

具体步骤：

注册并配置邮件测试工具： 首先，需要在选择的邮件测试工具上注册账号，并获取API密钥。然后，在Cypress项目中安装相应的npm包（例如，如果使用Mailosaur，则安装mailosaur）。
```
npm install mailosaur --s*e-dev
```

创建临时邮箱地址： 在Cypress测试脚本中，使用邮件测试工具的API创建一个临时的邮箱地址。

const MailosaurClient = require('mailosaur');
const apiKey = 'YOUR_MAILOSAUR_API_KEY'; // 替换为你的API密钥
const serverId = 'YOUR_MAILOSAUR_SERVER_ID'; // 替换为你的服务器ID
const client = new MailosaurClient(apiKey);

let emailAddress;

before(() => {
    emailAddress = `${Cypress.env('MAILOSAUR_EMAIL_PREFIX')}.${Cypress._.random(0, 1e6)}@${serverId}.mailosaur.net`;
});

YOUR_MAILOSAUR_API_KEY：替换为你的 Mailosaur API 密钥。
YOUR_MAILOSAUR_SERVER_ID：替换为你的 Mailosaur 服务器 ID。
MAILOSAUR_EMAIL_PREFIX: 在 Cypress 配置文件中定义的前缀，用于更好地组织邮件。

模拟登录并触发验证邮件： 在Cypress测试中，模拟用户输入用户名和临时邮箱地址，并提交登录表单，触发应用程序发送验证邮件。

UXbot

AI产品设计工具

185 查看详情 UXbot

it('should login successfully with email verification', () => {
    cy.visit('/login');
    cy.get('#username').type('testuser');
    cy.get('#email').type(emailAddress);
    cy.get('#submit').click();

    // ... (后续步骤)
});

获取验证码： 使用邮件测试工具的API，轮询指定的邮箱地址，直到收到包含验证码的邮件。然后，从邮件内容中提取验证码。

cy.task('getLatestEmail', {
        apiKey: apiKey,
        serverId: serverId,
        emailAddress: emailAddress
    })
    .then(email => {
        const verificationCode = /Your verification code is: (\d+)/.exec(email.body.text)[1];
        cy.get('#verificationCode').type(verificationCode);
        cy.get('#verify').click();
        cy.contains('Login successful').should('be.visible');
    });

为了安全和避免代码重复，推荐使用 Cypress 的 cy.task 来执行获取邮件的操作。需要在 cypress/plugins/index.js 中注册一个 task：

const MailosaurClient = require('mailosaur');

module.exports = (on, config) => {
    on('task', {
        getLatestEmail: async ({
            apiKey,
            serverId,
            emailAddress
        }) => {
            const client = new MailosaurClient(apiKey);
            let email = null;
            let retryCount = 0;
            while (!email && retryCount < 10) {
                try {
                    email = await client.messages.getLatest(serverId, {
                        sentTo: emailAddress
                    });
                } catch (error) {
                    await new Promise(resolve => setTimeout(resolve, 2000)); // 2秒后重试
                    retryCount++;
                }
            }

            if (!email) {
                throw new Error('No email found after multiple retries.');
            }

            return email;
        }
    });
};

输入验证码并完成登录： 将提取到的验证码输入到登录表单中的验证码输入框，并提交表单，完成登录流程。
```
cy.get('#verificationCode').type(verificationCode);
cy.get('#verify').click();
cy.contains('Login successful').should('be.visible');
```