Created
November 19, 2022 05:32
-
-
Save usergenic/a6500961f631028619220be55dce4fa4 to your computer and use it in GitHub Desktop.
scrolling.test console.logs figuring out why horizontal scroller's scrollWidth doesn't behave same in two environments
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| BEGIN TEST instant scrolling should take no time and end up where it is supposed to | |
| 1668835715937 _sizeHostElement( { width: 100000, height: null } ) | |
| 1668835715937 inside _getSizer() and... | |
| i cant find my sizer | |
| I JUST SET THE SIZER STYLE TO translate(100000px, 0px) | |
| 1668835715937 _sizeHostElement( { width: 50000, height: null } ) | |
| 1668835715937 inside _getSizer() and... | |
| i have a sizer | |
| translate(100000px, 0px) | |
| I JUST SET THE SIZER STYLE TO translate(50000px, 0px) | |
| null | |
| Ignored Error: ResizeObserver loop limit exceeded | |
| 1668835715937 inside _getSizer() and... | |
| i have a sizer | |
| translate(50000px, 0px) | |
| I JUST SET THE SIZER STYLE TO translate(50000px, 0px) | |
| ===> resolving layoutComplete promise... | |
| ===> resolved layoutComplete promise! | |
| MAX { | |
| 'element.tagName': 'DIV', | |
| 'element.getBoundingClientRect()': { | |
| x: 8, | |
| y: 8, | |
| width: 600, | |
| height: 600, | |
| top: 8, | |
| right: 608, | |
| bottom: 608, | |
| left: 8 | |
| }, | |
| 'element.clientWidth': 600, | |
| fixtureOptions: { | |
| useDirective: true, | |
| scroller: true, | |
| layout: { direction: 'horizontal' } | |
| }, | |
| maxScrollLeft: 1000, | |
| maxScrollTop: 0, | |
| scrollWidth: 1600, | |
| viewportWidth: 600 | |
| } | |
| 1668835715937 inside _getSizer() and... | |
| i have a sizer | |
| translate(50000px, 0px) | |
| I JUST SET THE SIZER STYLE TO translate(50000px, 0px) | |
| 1668835715937 inside _getSizer() and... | |
| i have a sizer | |
| translate(50000px, 0px) | |
| I JUST SET THE SIZER STYLE TO translate(50000px, 0px) | |
| 1668835715937 inside _getSizer() and... | |
| i have a sizer | |
| translate(50000px, 0px) | |
| I JUST SET THE SIZER STYLE TO translate(50000px, 0px) | |
| 1668835715937 _sizeHostElement( { width: 29807.692307692305, height: null } ) | |
| 1668835715937 inside _getSizer() and... | |
| i have a sizer | |
| translate(50000px, 0px) | |
| I JUST SET THE SIZER STYLE TO translate(29807.692307692305px, 0px) |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| BEGIN TEST instant scrolling should take no time and end up where it is supposed to | |
| 1668835679800 _sizeHostElement( { width: 100000, height: null } ) | |
| 1668835679800 inside _getSizer() and... | |
| i cant find my sizer | |
| I JUST SET THE SIZER STYLE TO translate(100000px, 0px) | |
| 1668835679800 _sizeHostElement( { width: 50000, height: null } ) | |
| 1668835679800 inside _getSizer() and... | |
| i have a sizer | |
| translate(100000px, 0px) | |
| I JUST SET THE SIZER STYLE TO translate(50000px, 0px) | |
| null | |
| Ignored Error: ResizeObserver loop limit exceeded | |
| 1668835679800 inside _getSizer() and... | |
| i have a sizer | |
| translate(50000px, 0px) | |
| I JUST SET THE SIZER STYLE TO translate(50000px, 0px) | |
| ===> resolving layoutComplete promise... | |
| ===> resolved layoutComplete promise! | |
| MAX { | |
| 'element.tagName': 'DIV', | |
| 'element.getBoundingClientRect()': { | |
| x: 8, | |
| y: 8, | |
| width: 600, | |
| height: 600, | |
| top: 8, | |
| right: 608, | |
| bottom: 608, | |
| left: 8 | |
| }, | |
| 'element.clientWidth': 600, | |
| fixtureOptions: { | |
| useDirective: true, | |
| scroller: true, | |
| layout: { direction: 'horizontal' } | |
| }, | |
| maxScrollLeft: 49401, | |
| maxScrollTop: 0, | |
| scrollWidth: 50001, | |
| viewportWidth: 600 | |
| } | |
| 1668835679800 inside _getSizer() and... | |
| i have a sizer | |
| translate(50000px, 0px) | |
| I JUST SET THE SIZER STYLE TO translate(50000px, 0px) | |
| 1668835679800 inside _getSizer() and... | |
| i have a sizer | |
| translate(50000px, 0px) | |
| I JUST SET THE SIZER STYLE TO translate(50000px, 0px) | |
| 1668835679800 inside _getSizer() and... | |
| i have a sizer | |
| translate(50000px, 0px) | |
| I JUST SET THE SIZER STYLE TO translate(50000px, 0px) | |
| 1668835679800 _sizeHostElement( { width: 30188.67924528302, height: null } ) | |
| 1668835679800 inside _getSizer() and... | |
| i have a sizer | |
| translate(50000px, 0px) | |
| I JUST SET THE SIZER STYLE TO translate(30188.67924528302px, 0px) |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment