色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

如何在Cypress中驗證懸停文本(工具提示)?

傅智翔1年前6瀏覽0評論

箭頭_返回

我已經嘗試了下面的代碼,但不起作用。對于chrome來說,它是在說超時。 對于edge,它并不關注后退按鈕,而是關注文本框。

請幫我解決這個問題。

鉻合金:

cy.get('#asset-categories>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>button')
  .trigger('mouseover').invoke('show')
cy.contains('Back to asset categories')

邊緣:

cy.get('#asset-categories>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>button')
   .focused().realHover()
cy.contains('Back to asset categories')

如果我懸停在后退按鈕上,& quot回到資產類別& quot將會顯示。

在我的例子中,當鼠標懸停在按鈕上時,我必須顯示工具提示。它對我有效。我正在驗證顏色,你可以根據你的要求編輯它。我的代碼如下:

describe('color', () => {
  it('should have correct background color', () => {
    cy.get('[data-cy="button"]').realHover();
    cy.get('.mat-tooltip')
     .should('have.css', 'background-color', 'rgb(111, 111, 111)');

  });

  it('should have correct text color', () => {
    cy.get('[data-cy="button"]').realHover();
    cy.get('.mat-tooltip')
    .should('have.css', 'color', 'rgb(255, 255, 255)');
  });
});