我无法使用 cypress 输入元素

Question

我正在尝试使用 cypress 在注册表单中填写密码字段，但它不适用于我 我的代码：

describe("SignUP", function(){

it('OpenSignuoForm',function(){
cy.visit('https://mawadda-eg.com')
cy.get('.tt-tools-button').click();
cy.get('#header > div > nav > div.tt-menu-collapse.tt-submenu-dark > ul > li:nth-child(2) > ul > li:nth-child(2) > a').click();
cy.get('#user_name').type('automation');
cy.get('#e_mail').type('moatazqc+100@gmail.com');
cy.get('#password').type('test');
})    
})

Answer 1

在检查附加的网站后，它没有工作，因为该 id 重复，使用另一个 css 选择器，或者使用 XPath 定位器与此定位器 (//input[@id='password'])[1]

在 cypress 中使用 XPath 定位器的详细解答。

在 cypress 中，默认的定位器策略是使用 CSS 选择器，使用普通的 cy.get()，但如果我们愿意，我们也可以使用 XPath 插件 https://github.com/cypress-io/cypress-xpath 定位元素。

如何安装和使用

1. 用纱线安装它yarn add cypress-xpath --dev
2. 然后在项目支持文件中包含cypress/support/index.js as

require('cypress-xpath')

1. 在cy.xpath() 的任何it 测试中使用它，您可以像链接cy.get() 一样链接它

因此，您可以在问题中的元素上找到并键入的最终代码应该是

cy.xpath("(//input[@id='password'])[1]").type("test");