Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

PWA-3331::System is getting crashed when selecting add to cart in cas… #4318

Open
wants to merge 6 commits into
base: develop
Choose a base branch
from

Conversation

glo82145
Copy link
Collaborator

…e of translated language

Description

ISSUE:
when using translate tools. I was able to reproduce on Chrome and Microsoft Edge.

STEPS TO REPLICATE:

Open Venia's clean instance
Translate the site to a language with special characters not present in english (Tested with Hindi, Sanskrit)
Open any PDP
Click on add to cart
ACTUAL RESULTS:
System is getting crashed when selecting add to cart

EXPECTED RESULTS:
Site should stills works normally

Related Issue

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

Acceptance

Verification Stakeholders

Specification

Verification Steps

Test scenario(s) for direct fix/feature

Test scenario(s) for any existing impacted features/areas

Test scenario(s) for any Magento Backend Supported Configurations

Is Browser/Device testing needed?

Any ad-hoc/edge case scenarios that need to be considered?

Screenshots / Screen Captures (if appropriate)

Breaking Changes (if any)

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.

@pwa-studio-bot
Copy link
Collaborator

pwa-studio-bot commented Aug 27, 2024

Messages
📖

Associated JIRA tickets: PWA-3331.

📖 DangerCI Failures related to missing labels/description/linked issues/etc will persist until the next push or next pr-test build run (assuming they are fixed).
📖

Access a deployed version of this PR here. Make sure to wait for the "pwa-pull-request-deploy" job to complete.

Generated by 🚫 dangerJS against 5e4191e

glo11372
glo11372 previously approved these changes Aug 28, 2024
@pwa-studio-bot
Copy link
Collaborator

pwa-studio-bot commented Sep 26, 2024

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 (1280x7846). 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:
    • CypressError: `cy.visit()` failed trying to load:

      https://pr-4318.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 dynamic block content:
    • CypressError: cy.visit() failed trying to load:

      https://pr-4318.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:
    • CypressError: cy.visit() failed trying to load:

      https://pr-4318.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 page content:
    • CypressError: cy.visit() failed trying to load:

      https://pr-4318.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 row content:
    • CypressError: cy.visit() failed trying to load:

      https://pr-4318.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 row content2:
    • CypressError: cy.visit() failed trying to load:

      https://pr-4318.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 row min height:
    • CypressError: cy.visit() failed trying to load:

      https://pr-4318.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 row video background:
    • CypressError: cy.visit() failed trying to load:

      https://pr-4318.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 row video background2:
    • CypressError: cy.visit() failed trying to load:

      https://pr-4318.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 row video background3:
    • CypressError: cy.visit() failed trying to load:

      https://pr-4318.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:
    • CypressError: cy.visit() failed trying to load:

      https://pr-4318.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 smoke test content:
    • Error: Image size (1280x7437) different than saved snapshot size (1280x7661).
      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 (1280x3760).
      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 (1280x3760).
      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:
    • Error: Image size (1280x13858) different than saved snapshot size (1280x26956).
      See diff for details: /venia-integration-tests/src/snapshots/snapshotTests/pageBuilder/tabs.spec.js/diff_output/Page-Builder-Tabs-Page.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/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

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 047029e

@pwa-studio-bot
Copy link
Collaborator

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="21f1cb2b-1a79-44cd-b08c-48f56047382c" 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="bf52049e-fa37-43c1-92a4-a942b3a2e4ea" 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="144a2de5-6836-4307-9f60-1044737eed12" 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="9f3f7880-571b-4143-b354-15d4601312bc" 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="1790a057-53d6-4f85-b755-d90850d28edb" 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 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="4927f4fe-2b4c-4f82-b949-0a9014ab124d" 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 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 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 should be able to filter results in Category and Search pages:
    • AssertionError: Timed out retrying after 30000ms: Expected to find content: '100-200' within the element: [
    • , 1 more... ] and with the selector: '[data-cy="FilterList-item"]' but never did.

    user should be able to use radio-boolean filter results in Category and Search pages:
    • AssertionError: Timed out retrying after 30000ms: Expected to find content: '0-100' within the element: [
    • , 1 more... ] and with the selector: '[data-cy="FilterList-item"]' but never did.
  • 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="27b24211-e6ce-4659-9e98-6bf7366918f1" 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="6b1ccf5c-cd50-4ac1-89cc-f7873faa7b4e" 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 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="08e712b9-6955-4b33-b2f9-ce00bc1a749f" 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="866b0f52-a692-4eee-8b4a-0e3acf83ab19" 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="70ff1c70-a1c0-4d1b-99e4-64009783edae" 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="573a451c-758f-4ef3-a166-5db5e7668e59" 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

  • should display Default Store View and USD currency by default:
    • CypressError: cy.visit() failed trying to load:

      https://pr-4318.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 display EUR currency by default if French Store View is selected:
    • CypressError: cy.visit() failed trying to load:

      https://pr-4318.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 be able to place an order in French store:
    • CypressError: cy.visit() failed trying to load:

      https://pr-4318.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 display English text and USD currency accross app if Default Store View is selected:
    • CypressError: cy.visit() failed trying to load:

      https://pr-4318.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 display French text and EUR currency accross app if French Store View is selected:
    • CypressError: cy.visit() failed trying to load:

      https://pr-4318.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 show USD currency across app if it is selected inside French Store View:
    • CypressError: cy.visit() failed trying to load:

      https://pr-4318.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

  • user should be able to remove products:
    • CypressError: cy.visit() failed trying to load:

      https://pr-4318.pwa-venia.com/valeria-two-layer-tank.html

      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

  • 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: cy.visit() failed trying to load:

      https://pr-4318.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


    shows products specific to the categories in the different store:
    • CypressError: cy.visit() failed trying to load:

      https://pr-4318.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

    ,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

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 047029e

…d-pages' into PWA-3331

Merging the changes from bugfix/PWA-3378-login-create-account-issue-on-translated-pages branch to PWA-3331 branch to keep all changes in PR-4318
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
pkg:venia-ui Progress: approved version: Patch This changeset includes backwards compatible bug fixes.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants