Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
[8.15] [Synthetics] waterfall chart - handle cached resources (#193089)…
… (#193376) # Backport This will backport the following commits from `main` to `8.15`: - [[Synthetics] waterfall chart - handle cached resources (#193089)](#193089) <!--- Backport version: 9.4.3 --> ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sqren/backport) <!--BACKPORT [{"author":{"name":"Dominique Clarke","email":"[email protected]"},"sourceCommit":{"committedDate":"2024-09-19T01:32:45Z","message":"[Synthetics] waterfall chart - handle cached resources (#193089)\n\n## Summary\r\n\r\nResolves https://github.com/elastic/kibana/issues/184794\r\n\r\nEnsures that the cached resources display accurate timing information on\r\nthe waterfall chart tooltips.\r\n\r\nThe information displayed should match the information displayed in the\r\nflyout when the request url is clicked.\r\n\r\nTooltip\r\n<img width=\"555\" alt=\"Screenshot 2024-09-16 at 8 49 55 PM\"\r\nsrc=\"https://github.com/user-attachments/assets/516653bc-dcec-4681-965b-08711417ab67\">\r\n\r\nFlyout\r\n<img width=\"424\" alt=\"Screenshot 2024-09-16 at 2 07 56 PM\"\r\nsrc=\"https://github.com/user-attachments/assets/5fb0bf1c-c65d-4ce3-8a6a-5e95700209dd\">\r\n\r\n### Release note\r\n\r\nSynthetics - resolves an issue for multi step browser journeys where\r\ntimings for cached resources within the same step were inaccurate within\r\nthe waterfall chart.\r\n\r\n### Testing\r\n\r\n1. Create a browser monitor with duplicate requests. For example: \r\n```\r\nstep(\"multi resource step\", async () => {\r\n await page.goto('https://github.com');\r\n await page.goto('https://github.com');\r\n await page.goto('https://github.com');\r\n})\r\n```\r\n2. Navigate to the monitor details page\r\n3. Find the last test run panel, click the view test details button,\r\nthen click the view performance breakdown button\r\n\r\n\r\n\r\n\r\n4. Scroll down to the waterfall chart. If you use github, requests after\r\nabout 115 should be cached. Note: some request may have been aborted and\r\ntheir waterfall tooltip won't show. Find a request that was not aborted,\r\nhover to see the tooltip, then click the request to view the flyout and\r\nconfirm the information.","sha":"6f4be61d13431f2327cabc50c71b999451821948","branchLabelMapping":{"^v9.0.0$":"main","^v8.16.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["bug","release_note:fix","v9.0.0","ci:project-deploy-observability","Team:obs-ux-management","v8.16.0","v8.15.2"],"title":"[Synthetics] waterfall chart - handle cached resources","number":193089,"url":"https://github.com/elastic/kibana/pull/193089","mergeCommit":{"message":"[Synthetics] waterfall chart - handle cached resources (#193089)\n\n## Summary\r\n\r\nResolves https://github.com/elastic/kibana/issues/184794\r\n\r\nEnsures that the cached resources display accurate timing information on\r\nthe waterfall chart tooltips.\r\n\r\nThe information displayed should match the information displayed in the\r\nflyout when the request url is clicked.\r\n\r\nTooltip\r\n<img width=\"555\" alt=\"Screenshot 2024-09-16 at 8 49 55 PM\"\r\nsrc=\"https://github.com/user-attachments/assets/516653bc-dcec-4681-965b-08711417ab67\">\r\n\r\nFlyout\r\n<img width=\"424\" alt=\"Screenshot 2024-09-16 at 2 07 56 PM\"\r\nsrc=\"https://github.com/user-attachments/assets/5fb0bf1c-c65d-4ce3-8a6a-5e95700209dd\">\r\n\r\n### Release note\r\n\r\nSynthetics - resolves an issue for multi step browser journeys where\r\ntimings for cached resources within the same step were inaccurate within\r\nthe waterfall chart.\r\n\r\n### Testing\r\n\r\n1. Create a browser monitor with duplicate requests. For example: \r\n```\r\nstep(\"multi resource step\", async () => {\r\n await page.goto('https://github.com');\r\n await page.goto('https://github.com');\r\n await page.goto('https://github.com');\r\n})\r\n```\r\n2. Navigate to the monitor details page\r\n3. Find the last test run panel, click the view test details button,\r\nthen click the view performance breakdown button\r\n\r\n\r\n\r\n\r\n4. Scroll down to the waterfall chart. If you use github, requests after\r\nabout 115 should be cached. Note: some request may have been aborted and\r\ntheir waterfall tooltip won't show. Find a request that was not aborted,\r\nhover to see the tooltip, then click the request to view the flyout and\r\nconfirm the information.","sha":"6f4be61d13431f2327cabc50c71b999451821948"}},"sourceBranch":"main","suggestedTargetBranches":["8.x","8.15"],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/193089","number":193089,"mergeCommit":{"message":"[Synthetics] waterfall chart - handle cached resources (#193089)\n\n## Summary\r\n\r\nResolves https://github.com/elastic/kibana/issues/184794\r\n\r\nEnsures that the cached resources display accurate timing information on\r\nthe waterfall chart tooltips.\r\n\r\nThe information displayed should match the information displayed in the\r\nflyout when the request url is clicked.\r\n\r\nTooltip\r\n<img width=\"555\" alt=\"Screenshot 2024-09-16 at 8 49 55 PM\"\r\nsrc=\"https://github.com/user-attachments/assets/516653bc-dcec-4681-965b-08711417ab67\">\r\n\r\nFlyout\r\n<img width=\"424\" alt=\"Screenshot 2024-09-16 at 2 07 56 PM\"\r\nsrc=\"https://github.com/user-attachments/assets/5fb0bf1c-c65d-4ce3-8a6a-5e95700209dd\">\r\n\r\n### Release note\r\n\r\nSynthetics - resolves an issue for multi step browser journeys where\r\ntimings for cached resources within the same step were inaccurate within\r\nthe waterfall chart.\r\n\r\n### Testing\r\n\r\n1. Create a browser monitor with duplicate requests. For example: \r\n```\r\nstep(\"multi resource step\", async () => {\r\n await page.goto('https://github.com');\r\n await page.goto('https://github.com');\r\n await page.goto('https://github.com');\r\n})\r\n```\r\n2. Navigate to the monitor details page\r\n3. Find the last test run panel, click the view test details button,\r\nthen click the view performance breakdown button\r\n\r\n\r\n\r\n\r\n4. Scroll down to the waterfall chart. If you use github, requests after\r\nabout 115 should be cached. Note: some request may have been aborted and\r\ntheir waterfall tooltip won't show. Find a request that was not aborted,\r\nhover to see the tooltip, then click the request to view the flyout and\r\nconfirm the information.","sha":"6f4be61d13431f2327cabc50c71b999451821948"}},{"branch":"8.x","label":"v8.16.0","branchLabelMappingKey":"^v8.16.0$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"8.15","label":"v8.15.2","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}] BACKPORT--> --------- Co-authored-by: Dominique Clarke <[email protected]>
- Loading branch information
1 parent
934419c
commit 9e0bc9f