在网站 http://ivis.cs.bilkent.edu.tr 上的按钮上触发悬停

Question

我想在 http://ivis.cs.bilkent.edu.tr/ 上编写端到端测试从菜单中，我想执行“文件 -> 导入 -> 简单 AF” 第二个菜单项“导入”应该与悬停一起使用.悬停后，应打开一个子菜单，然后您可以单击“简单 AF”。

下面是我的简单 javascript 代码。

我在 https://github.com/cypress-io/cypress-example-recipes/blob/master/examples/testing-dom__hover-hidden-elements/cypress/integration/hover-hidden-elements-spec.js NONE 上尝试了所有方法，成功了！

context('Actions', () => {
  beforeEach(() => {
    cy.visit('http://ivis.cs.bilkent.edu.tr')
  });

  it('File -> Import -> Simple AF', () => {

    // click to dismiss button
    cy.get('a#dismissButton').click();
    // click to hide 
    cy.get('body').click(10, 10);

    cy.get('a.dropdown-toggle').contains('File').click();

    // BELOW LINE IS PROBLEM ! 
    cy.get('a.dropdown-toggle').contains('Import').invoke('show').click();

    cy.get('a#import-simple-af-file').click();


  });

});

我是 cypress 的新手，因为这个问题我打算切换到 protractor.js。

Answer 1

悬停是个问题，但有一个附加库cypress-real-events效果很好

cy.contains('a.dropdown-toggle', 'Import')
  .realHover();                                       // from cypress-real-events

cy.contains('a#import-simple-af-file', 'Simple AF')
  .should('be.visible')                               // add a visibility retry here
  .click();

在网站 http://ivis.cs.bilkent.edu.tr 上的按钮上触发悬停

Trigger hover on a button on the website http://ivis.cs.bilkent.edu.tr

javascript

testing

hover

cypress

end-to-end