如何在赛普拉斯中编写方案大纲功能的步骤定义文件

如何解决如何在赛普拉斯中编写方案大纲功能的步骤定义文件

我正在使用下面的功能文件：

Scenario Outline: Admin can send invitations to any user roles 
    And Click on drop-down to select role <Role>

    Examples:
    |Role|
    |Admin|
    |Manager|

我正在尝试在此处编写步骤定义文件，但没有一个起作用

＃1：作为参数传递 ...不起作用

And('Click on drop-down to select role "([^"]*)"',(role) => {
    cy.get('.add-person__inputs--container > :nth-child(2) > .ui').contains(role).click()

＃2：作为字符串值传递...。不起作用

And('Click on drop-down to select role {string}',(role_value) => {
cy.get(`.add-person__inputs--container > :nth-child(2) > .ui[value='${role_value}']`).click()

压缩＃1和＃2的结果：

＃3 ：也尝试过此操作，并且看起来有更好的射击能力，只是它给了我一个不同的错误，哈哈

And('Click on drop-down to select role {string}',(role_value) => {
cy.get('.add-person__inputs--container > :nth-child(2) > .ui').find(role_value).click()

C塞＃3的结果：

HTML （我正在测试的页面），我正在尝试从下拉菜单项中获取那些突出显示的值，但每个项前都没有id或名称

我从赛普拉斯选择器中获得了cy.get('.add-person__inputs--container > :nth-child(2) > .ui')

HTML标记

<div class="add-person__inputs--container" style="" xpath="1"><div class="field "><span class="login-form__inputs-container--title">Email</span><div class="ui large input login-form__inputs-container--input"><input name="email" placeholder="Add email address" autocomplete="new-password" type="email" value=""></div></div><div class="add-person__description--container"><span class="login-form__inputs-container--title">Role</span><div name="role" role="listbox" aria-disabled="false" aria-expanded="true" class="ui active visible fluid selection dropdown add-person__dropdown" tabindex="0"><div class="text" role="alert" aria-live="polite">Viewer</div><i aria-hidden="true" class="chevron down icon"></i><div class="visible menu transition"><div role="option" aria-checked="true" aria-selected="true" class="active selected item" style="pointer-events: all;">Viewer</div><div role="option" aria-checked="false" aria-selected="false" class="item" style="pointer-events: all;">Grower</div><div role="option" aria-checked="false" aria-selected="false" class="item" style="pointer-events: all;">Manager</div><div role="option" aria-checked="false" aria-selected="false" class="item" style="pointer-events: all;">Admin</div></div></div></div>

请记住，我是编码的新手，但我认为问题是步骤定义文件或CSS选择器...：（

先谢谢您了：D

解决方法

它看起来像是在步骤调用中缺少引号，请尝试一下：

   And Click on drop-down to select role "<Role>"

,

所以这对我有用：

在特征文件中：

And Click on drop-down to select role "<Role>"

在步骤定义文件中：

And(/^Click on drop-down to select role "(.*?)"$/,(role) => {
    cy.get('.add-person__inputs--container > :nth-child(2) > .ui').contains(role).click()
});

,

在示例中：将其更改为字符串。这对我有用：

场景大纲：管理员可以向任何用户角色发送邀请 然后点击下拉菜单选择角色。

Examples:
|Role|
|"Admin"|
|"Manager"|

和

('Click on drop-down to select role {string}',(role_value) => {
cy.get(`.add-person__inputs--container > :nth-child(2) > .ui[value='${role_value}']`).click()