Price slider implementation #4376

del22123 · 2025-01-17T06:54:22Z

Description

This PR contains the implementation of price slider in layered navigation.
This Price slider will replace the existing price range filters

Closes #PWA-3389
https://jira.corp.adobe.com/browse/PWA-3389

Acceptance

Verification Stakeholders

Specification

Verification Steps

Step 1: Goto a category page
Step 2: Expand the price filter
Step 3: It should have the working slider instead of existing range filters

Checklist

I have added tests to cover my changes, if necessary.
I have added translations for new strings, if necessary.
I have updated the documentation accordingly, if necessary.

glo82145 · 2025-01-20T10:08:39Z

run pr-test

pwa-test-bot · 2025-01-20T10:08:42Z

Successfully started codebuild job for pr-test

glo82145 · 2025-01-24T08:33:06Z

run pr-test

pwa-test-bot · 2025-01-24T08:33:09Z

Successfully started codebuild job for pr-test

pwa-studio-bot · 2025-02-04T12:57:19Z

	Fails
🚫	`node` failed.
🚫	Cypress tests in the following files did not pass 😔. All tests must pass before this PR can be merged Verify content: Error: Image size (1280x1869) different than saved snapshot size (1280x1463). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/aboutUsPage/aboutUsPage.spec.js/__diff_output__/AboutUs.diff.png Verify content: Error: Image size (1280x2069) different than saved snapshot size (1280x1846). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/customerService/customerService.spec.js/__diff_output__/Customer-Service-Page.diff.png verify buttons content: Error: Image size (1280x8562) different than saved snapshot size (1280x7546). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/buttons.spec.js/__diff_output__/Page-Builder-Buttons-Page.diff.png verify column content: Error: Image size (1280x7689) different than saved snapshot size (1280x6686). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/column.spec.js/__diff_output__/Page-Builder-Column-Page.diff.png ,should apply mediaQuery styles: Error: Image size (1280x1564) different than saved snapshot size (1280x1404). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/column.spec.js/__diff_output__/Column-media-query-(Desktop).diff.png verify divider content: Error: Image size (1280x3791) different than saved snapshot size (1280x2994). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/divider.spec.js/__diff_output__/Page-Builder-Divider-Page.diff.png verify dynamic block content: Error: Image size (1280x1564) different than saved snapshot size (1280x1404). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/dynamicBlock.spec.js/__diff_output__/Page-Builder-Dynamic-Block-Snapshot.diff.png verify google map api load with content: Error: Image size (1280x11380) different than saved snapshot size (1280x10130). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/map.spec.js/__diff_output__/Page-Builder-Verify-Map---All-content.diff.png verify mocked google map api with two markers and click event: Error: Image size (1280x1580) different than saved snapshot size (1280x1404). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/map.spec.js/__diff_output__/Page-Builder-Verify-Map---2-Locations.diff.png verify slider content: Error: Image size (1280x1564) different than saved snapshot size (1280x1404). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/slider.spec.js/__diff_output__/Page-Builder-Slider-Page.diff.png verify slider content 2: Error: Image size (1280x1564) different than saved snapshot size (1280x1404). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/slider.spec.js/__diff_output__/Page-Builder-Slider-Page-2.diff.png verify slider content 3: Error: Image size (1280x1564) different than saved snapshot size (1280x1404). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/slider.spec.js/__diff_output__/Page-Builder-Slider-Page-3.diff.png verify slider content 4: Error: Image size (1280x1564) different than saved snapshot size (1280x1404). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/slider.spec.js/__diff_output__/Page-Builder-Slider-Page-4.diff.png verify slider content 5: Error: Image size (1280x1564) different than saved snapshot size (1280x1404). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/slider.spec.js/__diff_output__/Page-Builder-Slider-Page-5.diff.png verify slider content 6: Error: Image size (1280x1564) different than saved snapshot size (1280x1404). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/slider.spec.js/__diff_output__/Page-Builder-Slider-Page-6.diff.png verify slider content 7: Error: Image size (1280x5265) different than saved snapshot size (1280x4828). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/slider.spec.js/__diff_output__/Page-Builder-Slider-Page-7.diff.png verify slider content 8: Error: Image size (1280x2755) different than saved snapshot size (1280x2678). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/slider.spec.js/__diff_output__/Page-Builder-Slider-Page-8.diff.png verify slider content 9: Error: Image size (1280x5359) different than saved snapshot size (1280x5282). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/slider.spec.js/__diff_output__/Page-Builder-Slider-Page-9.diff.png verify slider content 10: Error: Image size (1280x2749) different than saved snapshot size (1280x2380). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/slider.spec.js/__diff_output__/Page-Builder-Slider-Page-10.diff.png verify slider content 11: Error: Image size (1280x6179) different than saved snapshot size (1280x5510). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/slider.spec.js/__diff_output__/Page-Builder-Slider-Page-11.diff.png verify slider content 12: Error: Image size (1280x5234) different than saved snapshot size (1280x4398). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/slider.spec.js/__diff_output__/Page-Builder-Slider-Page-12.diff.png ,should apply mediaQuery styles: Error: Image size (1280x1614) different than saved snapshot size (1280x1454). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/slider.spec.js/__diff_output__/Slider-media-query-(Desktop).diff.png verify banner content: Error: Image size (1280x2004) different than saved snapshot size (1280x1882). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/banner.spec.js/__diff_output__/Page-Builder-Home-Page.diff.png verify banner content2: Error: Image size (1280x3994) different than saved snapshot size (1280x3872). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/banner.spec.js/__diff_output__/Page-Builder-Home-Page2.diff.png verify banner content3: Error: Image size (1280x3994) different than saved snapshot size (1280x3872). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/banner.spec.js/__diff_output__/Page-Builder-Home-Page3.diff.png verify banner content4: Error: Image size (1280x3434) different than saved snapshot size (1280x3312). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/banner.spec.js/__diff_output__/Page-Builder-Home-Page4.diff.png verify banner content5: Error: Image size (1280x5054) different than saved snapshot size (1280x4932). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/banner.spec.js/__diff_output__/Page-Builder-Home-Page5.diff.png verify banner content6: Error: Image size (1280x5939) different than saved snapshot size (1280x5580). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/banner.spec.js/__diff_output__/Page-Builder-Home-Page6.diff.png verify banner content7: Error: Image size (1280x3826) different than saved snapshot size (1280x3320). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/banner.spec.js/__diff_output__/Page-Builder-Home-Page7.diff.png verify banner content8: Error: Image size (1280x3115) different than saved snapshot size (1280x2801). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/banner.spec.js/__diff_output__/Page-Builder-Home-Page8.diff.png verify banner content9: Error: Image size (1280x3568) different than saved snapshot size (1280x3401). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/banner.spec.js/__diff_output__/Page-Builder-Home-Page9.diff.png verify banner content10: Error: Image size (1280x8574) different than saved snapshot size (1280x6700). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/banner.spec.js/__diff_output__/Page-Builder-Home-Page10.diff.png ,should apply mediaQuery styles: Error: Image size (1280x2656) different than saved snapshot size (1280x2624). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/banner.spec.js/__diff_output__/Banner-media-query-(Desktop).diff.png verify block content: Error: Image size (1280x5036) different than saved snapshot size (1280x4760). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/block.spec.js/__diff_output__/Page-Builder-Block-Page.diff.png verify block dynamic block content: CypressError: `cy.visit()` failed trying to load: https://pr-4376.pwa-venia.com/ The response we received from your web server was: 502: Bad Gateway This was considered a failure because the status code was not `2xx`. If you do not want status codes to cause failures pass the option: `failOnStatusCode: false` verify block cms block content: Error: Image size (1280x2846) different than saved snapshot size (1280x2720). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/block.spec.js/diff_output/Page-Builder-CMS-Block.diff.png verify block cms page content: Error: Image size (1280x2986) different than saved snapshot size (1280x2804). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/block.spec.js/diff_output/Page-Builder-CMS-Page.diff.png verify smoke test content: Error: Image size (1280x7437) different than saved snapshot size (1280x7097). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/smokeTest.spec.js/diff_output/Page-Builder-Smoke-Test.diff.png verify smoke test cms block content: Error: Image size (1280x3604) different than saved snapshot size (1280x3478). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/smokeTest.spec.js/diff_output/Page-Builder-Smoke-Test-CMS-Block-Content.diff.png verify smoke test dynamic block content: Error: Image size (1280x3604) different than saved snapshot size (1280x3478). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/smokeTest.spec.js/diff_output/Page-Builder-Smoke-Test-Dynamic-Block-Content.diff.png verify tabs content: CypressError: `cy.visit()` failed trying to load: https://pr-4376.pwa-venia.com/ The response we received from your web server was: 502: Bad Gateway This was considered a failure because the status code was not `2xx`. If you do not want status codes to cause failures pass the option: `failOnStatusCode: false` ,should apply mediaQuery styles: Error: Image size (1280x1614) different than saved snapshot size (1280x1454). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/tabs.spec.js/diff_output/Tabs-media-query-(Desktop).diff.png verify text content: Error: Image size (1280x7419) different than saved snapshot size (1280x5551). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/text.spec.js/diff_output/Page-Builder-Text-Page.diff.png verify video content alignment: Error: Image size (1280x4501) different than saved snapshot size (1280x4019). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/video.spec.js/diff_output/Page-Builder-Video-Alignment-Page.diff.png verify row content: Error: Image size (1280x12129) different than saved snapshot size (1280x11770). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/row.spec.js/diff_output/Page-Builder-Row.diff.png verify row content2: Error: Image size (1280x9884) different than saved snapshot size (1280x8420). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/row.spec.js/diff_output/Page-Builder-Row2.diff.png verify row min height: Error: Image size (1280x6126) different than saved snapshot size (1280x5902). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/row.spec.js/diff_output/Page-Builder-Row-Min-Height.diff.png verify row video background: Error: Image size (1280x4246) different than saved snapshot size (1280x4158). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/row.spec.js/diff_output/Page-Builder-Row-Video-Background.diff.png verify row video background2: Error: Image size (1280x6456) different than saved snapshot size (1280x6424). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/row.spec.js/diff_output/Page-Builder-Row-Video-Background2.diff.png verify row video background3: CypressError: `cy.request()` failed on: https://player.vimeo.com/video/2393127?dnt=1&id=2393127&autopause=0&transparent=0&autoplay=1&loop=1&muted=1&badge=0&byline=0&portrait=0&title=0&background=1 The response we received from your web server was: 401: Unauthorized This was considered a failure because the status code was not `2xx` or `3xx`. If you do not want status codes to cause failures pass the option: `failOnStatusCode: false` The request we sent was: Method: GET URL: https://player.vimeo.com/video/2393127?dnt=1&id=2393127&autopause=0&transparent=0&autoplay=1&loop=1&muted=1&badge=0&byline=0&portrait=0&title=0&background=1 Headers: { "Connection": "keep-alive", "user-agent": "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/92.0.4515.159 Safari/537.36", "accept": "/", "cookie": "__cf_bm=7vhMSi3_g2sd42tN4G7VKicIA5gz0VuivP6Cl8k73yo-1738673858-1.0.1.1-lLcjywo_nxKEQFCJdGNPo9R3YgbHMzvGWtR3zrXgtiqaAR300c6Y6OCQ2oU_SvEj; _cfuvid=nYBelFVrMVuubFVtmiPgFLHNMRnSW3tc6CLnUlE7KEE-1738673858388-0.0.1.1-604800000", "accept-encoding": "gzip, deflate" } The response we got was: Status: 401 - Unauthorized Headers: { "date": "Tue, 04 Feb 2025 12:58:52 GMT", "content-type": "text/html;charset=UTF-8", "content-length": "5141", "connection": "keep-alive", "vary": "Accept-Encoding", "server": "cloudflare", "cf-ray": "90cad5ab1c45c9bf-IAD" } Body: <title>Vimeo</title> <style type="text/css"> * { margin: 0; padding: 0; } `body { background: #000; color: #fff; } @keyframes rotate { 100% {` transform: rotate(360deg); } } `@keyframes dash { 0% {` stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -135px; } } `.spinner { position: absolute; top: 50%; left: 50%; background: transparent; transform: translate(-50%, -50%); transition: opacity 0.1s,` transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28); max-width: 120px; width: 18%; } `.spinner circle { stroke-width: 4px; background: transparent; stroke-width: 2px; } .spinner [data-spinner-trace="true"] { stroke-opacity: 20%; } .spinner [data-spinner-circle="true"] { transform-origin: 50% 50%; stroke-linecap: round; stroke-dasharray: 200; stroke-dashoffset: 200; animation: rotate 2s linear 0.25s infinite,` dash 1.5s ease-in-out 0.25s infinite; } `.error { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } .error__header { font-family: "Helvetica Neue"; font-size: 40px; font-style: normal; font-weight: 700; line-height: 48px; letter-spacing: -1.2px; text-align: center; } .error_subheader { font-family: "Helvetica Neue"; font-size: 18px; font-style: normal;` ... https://on.cypress.io/request ,should apply mediaQuery styles: Error: Image size (1280x1614) different than saved snapshot size (1280x1454). See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/row.spec.js/diff_output/Row-media-query-(Desktop).diff.png

Log

ERROR ON TASK: cypressTests


Error:  Danger had errors running. See message(s) above for more details.
danger-results://tmp/danger-results.json

Generated by 🚫 dangerJS against 67db1e8

pwa-studio-bot · 2025-02-04T12:57:38Z

	Fails
🚫	`node` failed.
🚫	Cypress tests in the following files did not pass 😔. All tests must pass before this PR can be merged user should be able to access the Categories via Home page and from Main Menu left drawer: AssertionError: Timed out retrying after 30000ms: expected '[ , 2 more... ]' to be 'visible' This element `[ <a.categoryLeaf-target-IF0.flex.flex-auto.justify-start.h-[3.5rem].items-center.-mx-5.px-sm.w-full>, 2 more... ]` is not visible because its parent `<aside.navigation-root_open-qjl.navigation-root-eCb.bg-white.bottom-0.grid.left-0.max-w-modal.opacity-0.overflow-hidden.fixed.top-0.w-full.z-menu.invisible.shadow-modal>` has CSS property: `visibility: hidden` user should be able to add and update gift options: CypressError: Timed out retrying after 30000ms: `cy.clear()` failed because this element: `<input aria-label="Item Quantity" data-cy="QuantityStepper-input" inputmode="numeric" min="1" pattern="[0-9]" class="quantityStepper-input-RH8 textInput-input-cn- field-input-HW6 appearance-none bg-white border-2 border-solid border-input flex-textInput h-[2.5rem] inline-flex m-0 max-w-full rounded-input text-colorDefault text-colorDefault w-full focus_outline-none focus_shadow-inputFocus disabled_text-subtle text-center" id="666bd312-43d6-4cb6-bf56-c9738a7d8ce8" name="quantity" value="1">` is being covered by another element: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-icon-Dp3">...</svg>` Fix this problem, or use {force: true} to disable error checking. https://on.cypress.io/element-cannot-be-interacted-with Verify venia anchor links: CypressError: Timed out retrying after 30000ms: `cy.clear()` failed because this element: `<input aria-label="Item Quantity" data-cy="QuantityStepper-input" inputmode="numeric" min="1" pattern="[0-9]" class="quantityStepper-input-RH8 textInput-input-cn- field-input-HW6 appearance-none bg-white border-2 border-solid border-input flex-textInput h-[2.5rem] inline-flex m-0 max-w-full rounded-input text-colorDefault text-colorDefault w-full focus_outline-none focus_shadow-inputFocus disabled_text-subtle text-center" id="c4847b8f-2676-42c6-a962-ce94eaec21e0" name="quantity" value="1">` is being covered by another element: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-icon-Dp3">...</svg>` Fix this problem, or use {force: true} to disable error checking. https://on.cypress.io/element-cannot-be-interacted-with user should be able to place an order as a registered customer: CypressError: Timed out retrying after 30000ms: `cy.clear()` failed because this element: `<input aria-label="Item Quantity" data-cy="QuantityStepper-input" inputmode="numeric" min="1" pattern="[0-9]" class="quantityStepper-input-RH8 textInput-input-cn- field-input-HW6 appearance-none bg-white border-2 border-solid border-input flex-textInput h-[2.5rem] inline-flex m-0 max-w-full rounded-input text-colorDefault text-colorDefault w-full focus_outline-none focus_shadow-inputFocus disabled_text-subtle text-center" id="f6f0ba64-0fc6-424f-8e85-293608ebe4a4" name="quantity" value="1">` is being covered by another element: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-icon-Dp3">...</svg>` Fix this problem, or use {force: true} to disable error checking. https://on.cypress.io/element-cannot-be-interacted-with Registered user should be able to sign in from toast suggestion in guest checkout page: CypressError: Timed out retrying after 30000ms: `cy.clear()` failed because this element: `<input aria-label="Item Quantity" data-cy="QuantityStepper-input" inputmode="numeric" min="1" pattern="[0-9]" class="quantityStepper-input-RH8 textInput-input-cn- field-input-HW6 appearance-none bg-white border-2 border-solid border-input flex-textInput h-[2.5rem] inline-flex m-0 max-w-full rounded-input text-colorDefault text-colorDefault w-full focus_outline-none focus_shadow-inputFocus disabled_text-subtle text-center" id="7213cdc4-dd6c-4ce3-ac47-0d821a40cef8" name="quantity" value="1">` is being covered by another element: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-icon-Dp3">...</svg>` Fix this problem, or use {force: true} to disable error checking. https://on.cypress.io/element-cannot-be-interacted-with Discount summary dropdown renders correctly: CypressError: Timed out retrying after 30000ms: `cy.clear()` failed because this element: `<input aria-label="Item Quantity" data-cy="QuantityStepper-input" inputmode="numeric" min="1" pattern="[0-9]" class="quantityStepper-input-RH8 textInput-input-cn- field-input-HW6 appearance-none bg-white border-2 border-solid border-input flex-textInput h-[2.5rem] inline-flex m-0 max-w-full rounded-input text-colorDefault text-colorDefault w-full focus_outline-none focus_shadow-inputFocus disabled_text-subtle text-center" id="ba9e4f93-c244-422f-95a5-7212b8212487" name="quantity" value="1">` is being covered by another element: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-icon-Dp3">...</svg>` Fix this problem, or use {force: true} to disable error checking. https://on.cypress.io/element-cannot-be-interacted-with user should be able to navigate on offline mode: CypressError: Timed out retrying after 60000ms: `cy.wait()` timed out waiting `60000ms` for the 1st request to the route: `gqlGetStoreConfigDataQuery`. No request ever occurred. https://on.cypress.io/wait User shouldn't be able to add a CustomizableProduct from category page: AssertionError: Timed out retrying after 30000ms: Expected to find element: `[data-cy="Header-root"] [data-cy="CartTrigger-counter"]`, but never found it. user can edit account information with default badge position: CypressError: Timed out retrying after 30050ms: `cy.click()` failed because this element is not visible: `<button class="linkButton-root-Bk1 clickable-root-3it cursor-pointer inline-flex items-center justify-center leading-none pointer-events-auto text-center font-semibold max-w-full text-brand-dark underline hover_text-colorDefault" type="button" data-cy="linkButton-root">...</button>` This element `<button.linkButton-root-Bk1.clickable-root-3it.cursor-pointer.inline-flex.items-center.justify-center.leading-none.pointer-events-auto.text-center.font-semibold.max-w-full.text-brand-dark.underline.hover_text-colorDefault>` is not visible because its parent `<div.editForm-changePasswordButtonContainer-J0y.pt-xs>` has CSS property: `visibility: hidden` Fix this problem, or use `{force: true}` to disable error checking. https://on.cypress.io/element-cannot-be-interacted-with user can edit account information with inline badge position: CypressError: Timed out retrying after 30050ms: `cy.click()` failed because this element is not visible: `<button class="linkButton-root-Bk1 clickable-root-3it cursor-pointer inline-flex items-center justify-center leading-none pointer-events-auto text-center font-semibold max-w-full text-brand-dark underline hover_text-colorDefault" type="button" data-cy="linkButton-root">...</button>` This element `<button.linkButton-root-Bk1.clickable-root-3it.cursor-pointer.inline-flex.items-center.justify-center.leading-none.pointer-events-auto.text-center.font-semibold.max-w-full.text-brand-dark.underline.hover_text-colorDefault>` is not visible because its parent `<div.editForm-changePasswordButtonContainer-J0y.pt-xs>` has CSS property: `visibility: hidden` Fix this problem, or use `{force: true}` to disable error checking. https://on.cypress.io/element-cannot-be-interacted-with user should be able to filter results in Category and Search pages: AssertionError: Timed out retrying after 30000ms: Expected to find element: `[data-cy="FilterList-item"]`, but never found it. Queried from element: <li.filterBlock-root-JGM.border-solid.border-subtle.border-t-2.border-r-0.border-b-0.border-l-0.grid> user should be able to use radio-boolean filter results in Category and Search pages: AssertionError: Timed out retrying after 30000ms: Expected to find element: `[data-cy="FilterList-item"]`, but never found it. Queried from element: <li.filterBlock-root-JGM.border-solid.border-subtle.border-t-2.border-r-0.border-b-0.border-l-0.grid> user should be able to remove an item from the cart: CypressError: Timed out retrying after 30000ms: `cy.clear()` failed because this element: `<input aria-label="Item Quantity" data-cy="QuantityStepper-input" inputmode="numeric" min="1" pattern="[0-9]" class="quantityStepper-input-RH8 textInput-input-cn- field-input-HW6 appearance-none bg-white border-2 border-solid border-input flex-textInput h-[2.5rem] inline-flex m-0 max-w-full rounded-input text-colorDefault text-colorDefault w-full focus_outline-none focus_shadow-inputFocus disabled_text-subtle text-center" id="05d30eeb-be61-40ad-92ef-c9dc0be8ab5d" name="quantity" value="1">` is being covered by another element: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-icon-Dp3">...</svg>` Fix this problem, or use {force: true} to disable error checking. https://on.cypress.io/element-cannot-be-interacted-with user should be able to update their address book: CypressError: Timed out retrying after 60000ms: `cy.wait()` timed out waiting `60000ms` for the 1st request to the route: `gqlSignInAfterCreateMutation`. No request ever occurred. https://on.cypress.io/wait should be able to edit a configurable product and place an order: CypressError: Timed out retrying after 30000ms: `cy.clear()` failed because this element: `<input aria-label="Item Quantity" data-cy="QuantityStepper-input" inputmode="numeric" min="1" pattern="[0-9]" class="quantityStepper-input-RH8 textInput-input-cn- field-input-HW6 appearance-none bg-white border-2 border-solid border-input flex-textInput h-[2.5rem] inline-flex m-0 max-w-full rounded-input text-colorDefault text-colorDefault w-full focus_outline-none focus_shadow-inputFocus disabled_text-subtle text-center" id="b1f13c8b-65ed-41de-aa1a-ede935f616ea" name="quantity" value="1">` is being covered by another element: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-icon-Dp3">...</svg>` Fix this problem, or use {force: true} to disable error checking. https://on.cypress.io/element-cannot-be-interacted-with user should be able to add and remove promotions from cart: CypressError: Timed out retrying after 30000ms: `cy.clear()` failed because this element: `<input aria-label="Item Quantity" data-cy="QuantityStepper-input" inputmode="numeric" min="1" pattern="[0-9]" class="quantityStepper-input-RH8 textInput-input-cn- field-input-HW6 appearance-none bg-white border-2 border-solid border-input flex-textInput h-[2.5rem] inline-flex m-0 max-w-full rounded-input text-colorDefault text-colorDefault w-full focus_outline-none focus_shadow-inputFocus disabled_text-subtle text-center" id="13f5de40-96e4-4b19-9bb9-e73807342de1" name="quantity" value="1">` is being covered by another element: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-icon-Dp3">...</svg>` Fix this problem, or use {force: true} to disable error checking. https://on.cypress.io/element-cannot-be-interacted-with user should be able to add and remove products from wishlist: CypressError: Timed out retrying after 60000ms: `cy.wait()` timed out waiting `60000ms` for the 1st request to the route: `gqlSignInAfterCreateMutation`. No request ever occurred. https://on.cypress.io/wait user can fill and submit payment form and place order with inline badge position: CypressError: Timed out retrying after 30000ms: `cy.clear()` failed because this element: `<input aria-label="Item Quantity" data-cy="QuantityStepper-input" inputmode="numeric" min="1" pattern="[0-9]" class="quantityStepper-input-RH8 textInput-input-cn- field-input-HW6 appearance-none bg-white border-2 border-solid border-input flex-textInput h-[2.5rem] inline-flex m-0 max-w-full rounded-input text-colorDefault text-colorDefault w-full focus_outline-none focus_shadow-inputFocus disabled_text-subtle text-center" id="bf018187-1930-408b-ae77-00ed1dc2a00e" name="quantity" value="1">` is being covered by another element: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-icon-Dp3">...</svg>` Fix this problem, or use {force: true} to disable error checking. https://on.cypress.io/element-cannot-be-interacted-with user can fill and submit payment form and place order with default badge position: CypressError: Timed out retrying after 30000ms: `cy.clear()` failed because this element: `<input aria-label="Item Quantity" data-cy="QuantityStepper-input" inputmode="numeric" min="1" pattern="[0-9]" class="quantityStepper-input-RH8 textInput-input-cn- field-input-HW6 appearance-none bg-white border-2 border-solid border-input flex-textInput h-[2.5rem] inline-flex m-0 max-w-full rounded-input text-colorDefault text-colorDefault w-full focus_outline-none focus_shadow-inputFocus disabled_text-subtle text-center" id="b8938c1d-ec90-41a8-ba41-45c1795c68ac" name="quantity" value="1">` is being covered by another element: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-icon-Dp3">...</svg>` Fix this problem, or use {force: true} to disable error checking. https://on.cypress.io/element-cannot-be-interacted-with user should be able to place an order as a guest: CypressError: Timed out retrying after 30000ms: `cy.clear()` failed because this element: `<input aria-label="Item Quantity" data-cy="QuantityStepper-input" inputmode="numeric" min="1" pattern="[0-9]" class="quantityStepper-input-RH8 textInput-input-cn- field-input-HW6 appearance-none bg-white border-2 border-solid border-input flex-textInput h-[2.5rem] inline-flex m-0 max-w-full rounded-input text-colorDefault text-colorDefault w-full focus_outline-none focus_shadow-inputFocus disabled_text-subtle text-center" id="246ceb38-7e24-41ad-9bda-4199e7a40333" name="quantity" value="1">` is being covered by another element: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-icon-Dp3">...</svg>` Fix this problem, or use {force: true} to disable error checking. https://on.cypress.io/element-cannot-be-interacted-with user should be able to create a new account and edit their information: CypressError: Timed out retrying after 60000ms: `cy.wait()` timed out waiting `60000ms` for the 1st request to the route: `gqlSignInAfterCreateMutation`. No request ever occurred. https://on.cypress.io/wait user should be able to place an order as a guest with an specified Region and a credit card: CypressError: Timed out retrying after 30000ms: `cy.clear()` failed because this element: `<input aria-label="Item Quantity" data-cy="QuantityStepper-input" inputmode="numeric" min="1" pattern="[0-9]" class="quantityStepper-input-RH8 textInput-input-cn- field-input-HW6 appearance-none bg-white border-2 border-solid border-input flex-textInput h-[2.5rem] inline-flex m-0 max-w-full rounded-input text-colorDefault text-colorDefault w-full focus_outline-none focus_shadow-inputFocus disabled_text-subtle text-center" id="c1180986-4aa9-4712-bde6-272e46e9a2c4" name="quantity" value="1">` is being covered by another element: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-icon-Dp3">...</svg>` Fix this problem, or use {force: true} to disable error checking. https://on.cypress.io/element-cannot-be-interacted-with contains valid CMS Page data specific to the different store: CypressError: Timed out retrying after 30050ms: `cy.click()` failed because this element is not visible: `<button data-cy="SwitcherItem-button" class="switcherItem-root-zCT flex items-center w-full">...</button>` This element `<button.switcherItem-root-zCT.flex.items-center.w-full>` is not visible because its parent `<li.storeSwitcher-menuItem-33L.hover_bg-subtle>` has CSS property: `visibility: hidden` Fix this problem, or use `{force: true}` to disable error checking. https://on.cypress.io/element-cannot-be-interacted-with shows categories specific to the different store: CypressError: Timed out retrying after 30050ms: `cy.click()` failed because this element is not visible: `<button data-cy="SwitcherItem-button" class="switcherItem-root-zCT flex items-center w-full">...</button>` This element `<button.switcherItem-root-zCT.flex.items-center.w-full>` is not visible because its parent `<li.storeSwitcher-menuItem-33L.hover_bg-subtle>` has CSS property: `visibility: hidden` Fix this problem, or use `{force: true}` to disable error checking. https://on.cypress.io/element-cannot-be-interacted-with shows products specific to the categories in the different store: CypressError: Timed out retrying after 30050ms: `cy.click()` failed because this element is not visible: `<button data-cy="SwitcherItem-button" class="switcherItem-root-zCT flex items-center w-full">...</button>` This element `<button.switcherItem-root-zCT.flex.items-center.w-full>` is not visible because its parent `<li.storeSwitcher-menuItem-33L.hover_bg-subtle>` has CSS property: `visibility: hidden` Fix this problem, or use `{force: true}` to disable error checking. https://on.cypress.io/element-cannot-be-interacted-with ,lets users add products to cart regardless of store view: AssertionError: Timed out retrying after 30000ms: Expected to find element: `[data-cy="Header-root"] [data-cy="CartTrigger-counter"]`, but never found it. user should be able to add and remove products from wishlist: CypressError: Timed out retrying after 60000ms: `cy.wait()` timed out waiting `60000ms` for the 1st request to the route: `gqlSignInAfterCreateMutation`. No request ever occurred. https://on.cypress.io/wait should display Default Store View and USD currency by default: AssertionError: Timed out retrying after 30000ms: Expected to find element: `[data-cy="Header-switchers"] [data-cy="StoreSwitcher-root"] [data-cy="StoreSwitcher-trigger"]`, but never found it. should display EUR currency by default if French Store View is selected: AssertionError: Timed out retrying after 30000ms: Expected to find element: `[data-cy="Header-switchers"] [data-cy="StoreSwitcher-root"] [data-cy="StoreSwitcher-trigger"]`, but never found it. should be able to place an order in French store: AssertionError: Timed out retrying after 30000ms: Expected to find element: `[data-cy="Header-switchers"] [data-cy="StoreSwitcher-root"] [data-cy="StoreSwitcher-trigger"]`, but never found it. should display English text and USD currency accross app if Default Store View is selected: CypressError: Timed out retrying after 60000ms: `cy.wait()` timed out waiting `60000ms` for the 1st request to the route: `gqlSignInAfterCreateMutation`. No request ever occurred. https://on.cypress.io/wait should display French text and EUR currency accross app if French Store View is selected: AssertionError: Timed out retrying after 30000ms: Expected to find element: `[data-cy="Header-switchers"] [data-cy="StoreSwitcher-root"] [data-cy="StoreSwitcher-trigger"]`, but never found it. should show USD currency across app if it is selected inside French Store View: AssertionError: Timed out retrying after 30000ms: Expected to find element: `[data-cy="Header-switchers"] [data-cy="StoreSwitcher-root"] [data-cy="StoreSwitcher-trigger"]`, but never found it. user should be able to remove products: CypressError: Timed out retrying after 30000ms: `cy.clear()` failed because this element: `<input aria-label="Item Quantity" data-cy="QuantityStepper-input" inputmode="numeric" min="1" pattern="[0-9]*" class="quantityStepper-input-RH8 textInput-input-cn- field-input-HW6 appearance-none bg-white border-2 border-solid border-input flex-textInput h-[2.5rem] inline-flex m-0 max-w-full rounded-input text-colorDefault text-colorDefault w-full focus_outline-none focus_shadow-inputFocus disabled_text-subtle text-center" id="10d254f8-800c-448f-a8ec-6fb4068388bf" name="quantity" value="1">` is being covered by another element: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-icon-Dp3">...</svg>` Fix this problem, or use {force: true} to disable error checking. https://on.cypress.io/element-cannot-be-interacted-with

Log

ERROR ON TASK: cypressTests


Error:  Danger had errors running. See message(s) above for more details.
danger-results://tmp/danger-results.json

Generated by 🚫 dangerJS against 67db1e8

Price slider implementation

0f73ad4

del22123 requested a review from glo82145 January 17, 2025 06:54

del22123 self-assigned this Jan 17, 2025

magento-ct-gh-projects-svc added Progress: review Progress: on hold and removed Progress: review labels Jan 17, 2025

magento-ct-gh-projects-svc added Progress: review Progress: on hold and removed Progress: on hold Progress: review labels Jan 20, 2025

Fixed lint issues

e8db710

glo82145 previously approved these changes Jan 20, 2025

View reviewed changes

Fixed graphql blocker issue for this ticket

561e480

del22123 dismissed glo82145’s stale review via 561e480 January 22, 2025 10:55

Reverted dynamic block query changes

67db1e8

del22123 closed this Feb 4, 2025

del22123 reopened this Feb 4, 2025

magento-ct-gh-projects-svc added the Progress: review label Feb 4, 2025

del22123 closed this Feb 4, 2025

magento-ct-gh-projects-svc removed the Progress: review label Feb 4, 2025

del22123 deleted the PWA-3389-Price-slider-implementation branch February 4, 2025 13:26

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Price slider implementation #4376

Price slider implementation #4376

del22123 commented Jan 17, 2025

glo82145 commented Jan 20, 2025

pwa-test-bot bot commented Jan 20, 2025

glo82145 commented Jan 24, 2025

pwa-test-bot bot commented Jan 24, 2025

pwa-studio-bot commented Feb 4, 2025 •

edited

Loading

pwa-studio-bot commented Feb 4, 2025

Price slider implementation #4376

Price slider implementation #4376

Conversation

del22123 commented Jan 17, 2025

Description

Acceptance

Verification Stakeholders

Specification

Verification Steps

Checklist

glo82145 commented Jan 20, 2025

pwa-test-bot bot commented Jan 20, 2025

glo82145 commented Jan 24, 2025

pwa-test-bot bot commented Jan 24, 2025

pwa-studio-bot commented Feb 4, 2025 • edited Loading

Log

pwa-studio-bot commented Feb 4, 2025

Log

pwa-studio-bot commented Feb 4, 2025 •

edited

Loading