标签: cypress-xpath

我正在尝试改进以下断言：

cy.xpath('//div[@data-testid="column"]')
  .should('have.css', 'background-image', 
    'url("https://assets.website.com/folder/house.jpg")'
  );

在测试中，我验证该 div 是否具有background-image具有该url值的 CSS 属性。

我想将此断言转换为验证 div 是否具有 cssbackground-image属性，其值包含“house.jpg”而不是整个 URL。

我正在使用通过 npm 在 Visual Studio Code 上安装的 cypress。我最近通过 npm 在我的测试套件中安装了一个使用 x 路径的依赖项，并在我的支持文件 (e2e.js) 中包含了必要的代码。当我的文件中包含允许我使用“cy.xpath”命令的引用时，我不确定构建路径是否正确构建。Cypress 本身正在工作，但 xpath 命令似乎是问题所在。

在访问 npm 的网站时，它被列为已弃用，但是我尝试运行命令npm i -D @types/cypress@latest，该命令安装正确，但这并没有解决问题。在我的 e2e.js 配置文件中，我写的是：

require('@cypress/xpath');
import './commands'

在我尝试引用 cypress-xpath 的文件中，这就是我所拥有的：

/// <reference types="cypress" />
/// <reference types="cypress-xpath" />

describe("Test Contact Us form via Automation Test Store", () => {
    it("Should be able to submit a successful submission via contact us form", () => {
      cy.visit("https://www.automationteststore.com/");
      //cy.get('.info_links_footer > :nth-child(5) > a').click();
      cy.get('#ContactUsFrm_first_name').type("Joe");
      cy.get('#ContactUsFrm_email').type("test@gmail.com");
      cy.get('#ContactUsFrm_enquiry').type("Test");
      cy.get('.col-md-6 > .btn').click();
    }) …