带有几个选项的Cypress函数调用

Question

Cypress.Commands.add('Login', (env,username) => {
env(staging) = cy.visit('LINK') 
env(live) = cy.visit('LINK') 
username(practitioner1) = {
cy.get('input[name="Parameter.UserName"]').type('practitioner1')
cy.get('input[name="Parameter.Password"]').type('pass')
}
cy.contains('Login').click()
})

我不知道为什么我有'，'预期ts(1005(错误

我想从另一个文件调用cy.Login(staging，practicationer1(或cy.Logn(live，practicitioner2(，这样我就不必每次都硬编码链接、用户名和密码。这是一个有错误的主屏幕：pasteboard.co/0bYOL4Dx7mnE.png

Answer 1

我建议如下：

Cypress.Commands.add('login', (env, user) => {
const practitionerUser1 = { username: 'foo', password: 'myPasswordFoo#'};
const practitionerUser2 = { username: 'zoo', password: 'myPasswordZoo#'};
env = 'staging' ? cy.visit('staging_link') : cy.visit('production_link')

user = 'practitionerUser1'
? (cy.get('input[name="email"]').type(practitionerUser1.username),
cy.get('input[name="password"]').type(practitionerUser1.password))
: (cy.get('input[name="email"]').type(practitionerUser2.username),
cy.get('input[name="password"]').type(practitionerUser2.password));
cy.contains('login').click()
});

并在测试中使用它，如：

cy.login('staging', 'practitionerUser1');

附言：由于上面的命令与UI交互，出于性能原因，我建议登录等操作使用api请求。随着时间的推移，它更加健壮和可靠；(

Answer 2

1. 转到您的cypress.json并在那里添加所有链接

{
//Other cypress.json elements
"env": {
"staging": "www.staging.com",
"live": "www.live.com"
}
}

2. 在support/commands.js中添加自定义命令

Cypress.Commands.add('Login', (environment, username, password) => {
cy.visit(Cypress.env(environment))
cy.get('input[name="Parameter.UserName"]').type(username)
cy.get('input[name="Parameter.Password"]').type(password)
cy.contains('Login').click()
})

3. 在测试中：

cy.Login('staging', 'username', 'password')