https://github.com/noriste/stackoverflow-52383438-cypress-issue

The same test run on Cypress/TestCafe/Puppeteer to check the strange behaviour of the former
https://github.com/noriste/stackoverflow-52383438-cypress-issue

cypress e2e-testing puppeteer testcafe

Last synced: 26 days ago
JSON representation

The same test run on Cypress/TestCafe/Puppeteer to check the strange behaviour of the former

• Host: GitHub
• URL: https://github.com/noriste/stackoverflow-52383438-cypress-issue
• Owner: NoriSte
• Created: 2018-09-21T06:38:06.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T13:20:19.000Z (about 2 years ago)
• Last Synced: 2024-12-08T21:52:38.596Z (about 1 month ago)
• Topics: cypress, e2e-testing, puppeteer, testcafe
• Language: JavaScript
• Size: 842 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# stackoverflow-52383438-cypress-issue

The same test run on Cypress/TestCafe/Puppeteer to check the strange behavior of the former

The [Original question](https://stackoverflow.com/questions/52383438/why-i-cannot-display-available-milestones-in-new-issue-form-inside-chrome-cypre?noredirect=1#comment91788007_52383438) on StackOverflow

The GitHub behavior is strange. I wrote the same test with both TestCafè and Puppeteer to go deeper and understand if the problem is related to GitHub or to Cypress.

Only Cypress has the problem and it's related to the mouse management because if you leave the Cypress browser opened and you enter the page with a real pointer everything starts working immediately.

The final result compared is the following

![](screenshots-compared.jpg?raw=true)

Then I tried to log everything happening in the client (I put it on a dedicated branch, take a look at the [mouse-log](https://github.com/NoriSte/stackoverflow-52383438-cypress-issue/commit/a52ab10bae1cab13dd635c3ed9dafba0989093ff) branch) in all the test I wrote, the result is the following

TestCafè

```

mouseover ...

mousemove ...

mousemove ...

mousedown ...

mouseup ...

click ...

```

Puppeteer

```

mouseover ​…​​

mousemove ​…​​

mousedown ​…​​

mouseup ​…​​

click ​…​​

```

Cypress

```

mousedown ...

mouseup ...

click ...

```

As you can see there aren't any `mousemove` event in Cypress and I guess that's the problem with the GitHub mileston widget (and it explains event the reason why everything works well as soon as I move the cursor manually into the Cypress window).

If you'd liket to run the tests yourself:

- disable the 2FA of GitHub account if you have enabled it

- open ```config.js``` and edit

```javascript

githubUser: 'YOURUSERNAME',

githubPwd: 'YOURPASSWORD',

```

- run the tests with the following commands

```bash

npm install

npm test

```

the three tests will be fired.