The AUT shakes in Chrome 66 & Canary #1620
Comments
Awesome that you experienced this, its happening to me and driving me crazy!!!!!!! Chome 66 For others experiencing this and dont want to suffer the headaches you can try runnin in electron headed :) |
Yep. Upgraded to Chrome 66 and this started happening to me too. @egucciar thanks for the suggestion of running in electron mode, that works for me. |
So, after taking a nice stroll through Chrome's bugs, I believe this may have to do with this open bug, where the content inside an iframe, when absolute positioned is displaced by 17px (the exact amount of the scrollbar width). Haven't confirmed if Cypress could provide a workaround. |
I'm back with a fix! If you want the AUT to stop shaking (until Chrome issues a fix / Cypress disables this behavior by default) - you can pass this flag to Chrome: Put the code below in your Example Workaround Code: module.exports = (on) => {
on('before:browser:launch', (browser = {}, args) => {
if (browser.name === 'chrome') {
args.push('--disable-blink-features=RootLayerScrolling')
return args
}
})
} |
I meant to post the code for this from Cypress. This flag can be easily added here in a PR: https://github.com/cypress-io/cypress/blob/develop/packages/server/lib/browsers/chrome.coffee#L16 |
@jennifer-shehane that fix only seems to work for stable chrome (v66) and not for canary (v68). Can anyone confirm that? |
@dwelle This is a bug in Chrome/Canary - and will likely get fixed in time. We've seen even more bizarre things like this in Canary in the past - and they naturally gets resolved. Unfortunately, it's not feasible for us to investigate issues that are chrome bugs ahead of the official releases. |
@dwelle Yes, can confirm - the fix does not work in Canary (v68) |
@brian-mann @jennifer-shehane yep, no prob. Was just confirming it's not just me. |
This comment was marked as off-topic.
This comment was marked as off-topic.
@jennifer-shehane how can I supply this --disable-blink-features=RootLayerScrolling ? Sorry new to Cypressio |
@samyakshah Put that code in your module.exports = (on) => {
on('before:browser:launch', (browser = {}, args) => {
if (browser.name === 'chrome') {
args.push('--disable-blink-features=RootLayerScrolling')
return args
}
})
} |
Thanks, @dwelle! That worked! |
…t AUT shaking in some versions of Chrome - addresses #1620 (still would like Chrome permanent fix before closing though)
This was driving me up the wall! Glad to see that this was not a problem on my side! Thanks, @dwelle , that did the trick. |
When I run this code on stable chrome 66, screen still shakes. |
We added the Chrome flag |
* Install cypress * Run cypress:open for first-run exmaple test * Use TypeScript for tests * Add test to create application, create entity within that app, then delete that application * Fix typo * test: Add plugin to disable shaking ui from See: cypress-io/cypress#1620 (comment) * Fix data-testid for app create button after rebase conflict * Update cypress to 3.0.1 * chore: Move example_spec to examples folder * Add /results to .gitignore * Update circle CI to use npm ci and cypress base image. Also update mochaFile output * Rename results files and remove to console
We have updated the If you manually added the We suggest you update to Cypress Version 3.0.3 and remove the flag workaround from your plugins file. |
Hi Jennifer,
currently I have following code in my index.js, do you recommend removing
it?
```
on('before:browser:launch', (browser = {}, args) => {
if (browser.name === 'chrome') {
args = args.filter((arg) => {
return arg !== '--disable-blink-features=RootLayerScrolling';
});
return args;
}
});
```
Thanks,
Samyak
…On 13 August 2018 at 08:19, Jennifer Shehane ***@***.***> wrote:
We have updated the --disable-blink-features=RootLayerScrolling flag in
Cypress Version 3.0.3 <https://on.cypress.io/changelog#3-0-3> to only be
applied for Chrome versions below Chrome 68.
If you manually added the --disable-blink-features=RootLayerScrolling
flag, this will cause a new, more cumbersome issue when using Chrome 68+ as
detailed here: #2037 (comment)
<#2037 (comment)>
We suggest you update to Cypress Version 3.0.3
<https://on.cypress.io/changelog#3-0-3> and remove the flag workaround
from your plugins file.
—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
<#1620 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/AC4ePF6lzzjzIcvBCKNYLV_UwK3RoQATks5uQZkNgaJpZM4TcsiB>
.
|
@samyakshah If you are on Cypress version 3.0.3 or using Chrome 68+ while testing - yes, we recommend removing that code form your |
Positive for both of those items. I will remove the block of code.
…On 13 August 2018 at 09:16, Jennifer Shehane ***@***.***> wrote:
@samyakshah <https://github.com/samyakshah> If you are on Cypress version
3.0.3 or using Chrome 68+ while testing - yes, we recommend removing that
code form your index.js
—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
<#1620 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/AC4ePI8w1PszsF1AWprUI1LytiXt-rKQks5uQaZsgaJpZM4TcsiB>
.
|
The bug is fixed since cypress 3.0.3 according to cypress-io/cypress#1620
* Install cypress * Run cypress:open for first-run exmaple test * Use TypeScript for tests * Add test to create application, create entity within that app, then delete that application * Fix typo * test: Add plugin to disable shaking ui from See: cypress-io/cypress#1620 (comment) * Fix data-testid for app create button after rebase conflict * Update cypress to 3.0.1 * chore: Move example_spec to examples folder * Add /results to .gitignore * Update circle CI to use npm ci and cypress base image. Also update mochaFile output * Rename results files and remove to console
Current behavior:
Application under test is :: shaking :: in Canary 68.0.3400.0. It looks like the scrollbar is duplicated? Taking up twice the space? Something is making the content displace, which I imagine is some bug in Canary - here to document and track mostly.
Steps to reproduce:
I just ran the kitchen-sink
The text was updated successfully, but these errors were encountered: