Skip to content
Push

🔧Refactor the welcome modal #1788

Sign in to view logs

🔧Refactor the welcome modal

🔧Refactor the welcome modal #1788

GitHub Actions / Test Results failed Aug 1, 2024 in 0s

7 fail, 76 pass in 17s

83 tests  ±0   76 ✅ ±0   17s ⏱️ ±0s
33 suites ±0    0 💤 ±0 
 1 files   ±0    7 ❌ ±0 

Results for commit 81408fc. ± Comparison against earlier commit 0d83211.

Annotations

Check warning on line 0 in src/__tests__/store/UserOnboardingSlice.test.ts

See this annotation in the file changed.

@github-actions github-actions / Test Results

userOnboardingSlice > initial state (src/__tests__/store/UserOnboardingSlice.test.ts) failed 

frontend/reports/vitest-junit.xml [took 0s]
Raw output 
expected { …(8) } to deeply equal { …(2) }

AssertionError: expected { …(8) } to deeply equal { …(2) }
 ❯ src/__tests__/store/UserOnboardingSlice.test.ts:20:58

Check warning on line 0 in src/__tests__/components/Onboarding/InfoButton.test.tsx

See this annotation in the file changed.

@github-actions github-actions / Test Results

InfoButton > popover is not open if not clicked (src/__tests__/components/Onboarding/InfoButton.test.tsx) failed 

frontend/reports/vitest-junit.xml [took 0s]
Raw output 
expect(element).not.toBeInTheDocument()  expected document not to contain element, found <div   aria-label="popover"   class="MuiPopover-root MuiModal-root css-1i0e6f3-MuiModal-root-MuiPopover-root"   data-testid="popover-testid"   role="presentation" >   <div     aria-hidden="true"     class="MuiBackdrop-root MuiBackdrop-invisible MuiModal-backdrop css-g3hgs1-MuiBackdrop-root-MuiModal-backdrop"     style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"   />   <div     data-testid="sentinelStart"     tabindex="0"   />   <div     class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation8 MuiPopover-paper css-3bmhjh-MuiPaper-root-MuiPopover-paper"     style="opacity: 1; transform: scale(1, 1); transition: opacity 0ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 0ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; top: 16px; left: 16px; transform-origin: -16px -16px;"     tabindex="-1"   >     <div       class="MuiBox-root css-1772gat"     >       <h2         class="MuiTypography-root MuiTypography-h2 MuiTypography-alignCenter MuiTypography-gutterBottom css-6exuqi-MuiTypography-root"       >         getStarted       </h2>       <p         class="MuiTypography-root MuiTypography-body1 MuiTypography-alignCenter MuiTypography-gutterBottom css-1c3pd2j-MuiTypography-root"       >         getStartedContent       </p>       <button         aria-label="close-info-button"         class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-qsfli3-MuiButtonBase-root-MuiIconButton-root"         tabindex="0"         type="button"       >         <svg           aria-hidden="true"           class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"           data-testid="CloseIcon"           focusable="false"           viewBox="0 0 24 24"         >           <path             d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"           />         </svg>         <span           class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"         />       </button>       <div         class="MuiStack-root css-y4xubd-MuiStack-root"       >         <div           class="MuiButtonBase-root MuiChip-root MuiChip-outlined MuiChip-sizeMedium MuiChip-colorPrimary MuiChip-clickable MuiChip-clickableColorPrimary MuiChip-outlinedPrimary css-19tuqij-MuiButtonBase-root-MuiChip-root"           role="button"           tabindex="0"         >           <svg             aria-hidden="true"             class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiChip-icon MuiChip-iconMedium MuiChip-iconColorPrimary css-i4bv87-MuiSvgIcon-root"             data-testid="MapIcon"             focusable="false"             viewBox="0 0 24 24"           >             <path               d="m20.5 3-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5M15 19l-6-2.11V5l6 2.11z"             />           </svg>           <span             class="MuiChip-label MuiChip-labelMedium css-1jzq0dw-MuiChip-label"           >             tours.districtMap.title           </span>           <span             class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"           />         </div>         <div           class="MuiButtonBase-root MuiChip-root MuiChip-outlined MuiChip-sizeMedium MuiChip-colorPrimary MuiChip-clickable MuiChip-clickableColorPrimary MuiChip-outlinedPrimary css-19tuqij-MuiButtonBase-root-MuiChip-root"           role="button"           tabindex="0"         >           <svg             aria-hidden="true"             class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiChip-icon MuiChip-iconMedium MuiChip-iconColorPrimary css-i4bv87-MuiSvgIcon-root"             data-testid="DashboardIcon"             focusable="false"             viewBox="0 0 24 24"           >             <path               d="M3 13h8V3H3zm0 8h8v-6H3zm10 0h8V11h-8zm0-18v6h8V3z"             />           </svg>           <span             class="MuiChip-label MuiChip-labelMedium css-1jzq0dw-MuiChip-label"           >             tours.scenario.title           </span>           <span             class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"           />         </div>         <div           class="MuiButtonBase-root MuiChip-root MuiChip-outlined MuiChip-sizeMedium MuiChip-colorPrimary MuiChip-clickable MuiChip-clickableColorPrimary MuiChip-outlinedPrimary css-19tuqij-MuiButtonBase-root-MuiChip-root"           role="button"           tabindex="0"         >           <svg             aria-hidden="true"             class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiChip-icon MuiChip-iconMedium MuiChip-iconColorPrimary css-i4bv87-MuiSvgIcon-root"             data-testid="FilterListIcon"             focusable="false"             viewBox="0 0 24 24"           >             <path               d="M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z"             />           </svg>           <span             class="MuiChip-label MuiChip-labelMedium css-1jzq0dw-MuiChip-label"           >             tours.filter.title           </span>           <span             class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"           />         </div>         <div           class="MuiButtonBase-root MuiChip-root MuiChip-outlined MuiChip-sizeMedium MuiChip-colorPrimary MuiChip-clickable MuiChip-clickableColorPrimary MuiChip-outlinedPrimary css-19tuqij-MuiButtonBase-root-MuiChip-root"           role="button"           tabindex="0"         >           <svg             aria-hidden="true"             class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiChip-icon MuiChip-iconMedium MuiChip-iconColorPrimary css-i4bv87-MuiSvgIcon-root"             data-testid="ShowChartIcon"             focusable="false"             viewBox="0 0 24 24"           >             <path               d="m3.5 18.49 6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99z"             />           </svg>           <span             class="MuiChip-label MuiChip-labelMedium css-1jzq0dw-MuiChip-label"           >             tours.lineChart.title           </span>           <span             class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"           />         </div>       </div>       <div>         <div           class="react-joyride"         />       </div>       <div         class="MuiBox-root css-h5fkc8"       />     </div>   </div>   <div     data-testid="sentinelEnd"     tabindex="0"   /> </div> instead

Error: expect(element).not.toBeInTheDocument()

expected document not to contain element, found <div
  aria-label="popover"
  class="MuiPopover-root MuiModal-root css-1i0e6f3-MuiModal-root-MuiPopover-root"
  data-testid="popover-testid"
  role="presentation"
>
  <div
    aria-hidden="true"
    class="MuiBackdrop-root MuiBackdrop-invisible MuiModal-backdrop css-g3hgs1-MuiBackdrop-root-MuiModal-backdrop"
    style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
  />
  <div
    data-testid="sentinelStart"
    tabindex="0"
  />
  <div
    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation8 MuiPopover-paper css-3bmhjh-MuiPaper-root-MuiPopover-paper"
    style="opacity: 1; transform: scale(1, 1); transition: opacity 0ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 0ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; top: 16px; left: 16px; transform-origin: -16px -16px;"
    tabindex="-1"
  >
    <div
      class="MuiBox-root css-1772gat"
    >
      <h2
        class="MuiTypography-root MuiTypography-h2 MuiTypography-alignCenter MuiTypography-gutterBottom css-6exuqi-MuiTypography-root"
      >
        getStarted
      </h2>
      <p
        class="MuiTypography-root MuiTypography-body1 MuiTypography-alignCenter MuiTypography-gutterBottom css-1c3pd2j-MuiTypography-root"
      >
        getStartedContent
      </p>
      <button
        aria-label="close-info-button"
        class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-qsfli3-MuiButtonBase-root-MuiIconButton-root"
        tabindex="0"
        type="button"
      >
        <svg
          aria-hidden="true"
          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
          data-testid="CloseIcon"
          focusable="false"
          viewBox="0 0 24 24"
        >
          <path
            d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
          />
        </svg>
        <span
          class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
        />
      </button>
      <div
        class="MuiStack-root css-y4xubd-MuiStack-root"
      >
        <div
          class="MuiButtonBase-root MuiChip-root MuiChip-outlined MuiChip-sizeMedium MuiChip-colorPrimary MuiChip-clickable MuiChip-clickableColorPrimary MuiChip-outlinedPrimary css-19tuqij-MuiButtonBase-root-MuiChip-root"
          role="button"
          tabindex="0"
        >
          <svg
            aria-hidden="true"
            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiChip-icon MuiChip-iconMedium MuiChip-iconColorPrimary css-i4bv87-MuiSvgIcon-root"
            data-testid="MapIcon"
            focusable="false"
            viewBox="0 0 24 24"
          >
            <path
              d="m20.5 3-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5M15 19l-6-2.11V5l6 2.11z"
            />
          </svg>
          <span
            class="MuiChip-label MuiChip-labelMedium css-1jzq0dw-MuiChip-label"
          >
            tours.districtMap.title
          </span>
          <span
            class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
          />
        </div>
        <div
          class="MuiButtonBase-root MuiChip-root MuiChip-outlined MuiChip-sizeMedium MuiChip-colorPrimary MuiChip-clickable MuiChip-clickableColorPrimary MuiChip-outlinedPrimary css-19tuqij-MuiButtonBase-root-MuiChip-root"
          role="button"
          tabindex="0"
        >
          <svg
            aria-hidden="true"
            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiChip-icon MuiChip-iconMedium MuiChip-iconColorPrimary css-i4bv87-MuiSvgIcon-root"
            data-testid="DashboardIcon"
            focusable="false"
            viewBox="0 0 24 24"
          >
            <path
              d="M3 13h8V3H3zm0 8h8v-6H3zm10 0h8V11h-8zm0-18v6h8V3z"
            />
          </svg>
          <span
            class="MuiChip-label MuiChip-labelMedium css-1jzq0dw-MuiChip-label"
          >
            tours.scenario.title
          </span>
          <span
            class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
          />
        </div>
        <div
          class="MuiButtonBase-root MuiChip-root MuiChip-outlined MuiChip-sizeMedium MuiChip-colorPrimary MuiChip-clickable MuiChip-clickableColorPrimary MuiChip-outlinedPrimary css-19tuqij-MuiButtonBase-root-MuiChip-root"
          role="button"
          tabindex="0"
        >
          <svg
            aria-hidden="true"
            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiChip-icon MuiChip-iconMedium MuiChip-iconColorPrimary css-i4bv87-MuiSvgIcon-root"
            data-testid="FilterListIcon"
            focusable="false"
            viewBox="0 0 24 24"
          >
            <path
              d="M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z"
            />
          </svg>
          <span
            class="MuiChip-label MuiChip-labelMedium css-1jzq0dw-MuiChip-label"
          >
            tours.filter.title
          </span>
          <span
            class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
          />
        </div>
        <div
          class="MuiButtonBase-root MuiChip-root MuiChip-outlined MuiChip-sizeMedium MuiChip-colorPrimary MuiChip-clickable MuiChip-clickableColorPrimary MuiChip-outlinedPrimary css-19tuqij-MuiButtonBase-root-MuiChip-root"
          role="button"
          tabindex="0"
        >
          <svg
            aria-hidden="true"
            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiChip-icon MuiChip-iconMedium MuiChip-iconColorPrimary css-i4bv87-MuiSvgIcon-root"
            data-testid="ShowChartIcon"
            focusable="false"
            viewBox="0 0 24 24"
          >
            <path
              d="m3.5 18.49 6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99z"
            />
          </svg>
          <span
            class="MuiChip-label MuiChip-labelMedium css-1jzq0dw-MuiChip-label"
          >
            tours.lineChart.title
          </span>
          <span
            class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
          />
        </div>
      </div>
      <div>
        <div
          class="react-joyride"
        />
      </div>
      <div
        class="MuiBox-root css-h5fkc8"
      />
    </div>
  </div>
  <div
    data-testid="sentinelEnd"
    tabindex="0"
  />
</div> instead
 ❯ src/__tests__/components/Onboarding/InfoButton.test.tsx:40:52

react-joyride: init
  props {
    steps: [],
    stepIndex: 0,
    run: false,
    callback: [Function: handleJoyrideCallback],
    continuous: true,
    showSkipButton: true,
    debug: true,
    scrollToFirstStep: true,
    spotlightClicks: true,
    disableOverlayClose: true,
    locale: { next: 'next', skip: 'skip', back: 'back', last: 'last' },
    styles: {
      options: {
        zIndex: 10000,
        backgroundColor: '#fff',
        textColor: '#000',
        primaryColor: '#1976d2',
        width: '300px',
        arrowColor: '#fff'
      },
      tooltipContainer: { textAlign: 'left' },
      tooltipTitle: { fontSize: '1.5rem', fontWeight: 'bold', marginBottom: '8px' },
      tooltipContent: { fontSize: '0.875rem' }
    },
    disableCloseOnEsc: false,
    disableOverlay: false,
    disableScrolling: false,
    disableScrollParentFix: false,
    getHelpers: undefined,
    hideBackButton: false,
    scrollOffset: 20,
    scrollDuration: 300,
    showProgress: false,
    spotlightPadding: 10
  }
  state undefined

Warning: Failed prop type: MUI: The `anchorEl` prop provided to the component is invalid.
It should be an Element or PopoverVirtualElement instance but it's `null` instead.
    at Popover (/home/runner/work/ESID/ESID/frontend/node_modules/@mui/material/node/Popover/Popover.js:101:44)
    at InfoButton (/home/runner/work/ESID/ESID/frontend/src/components/OnboardingComponents/InfoButton.tsx:29:57)
    at Provider (file:///home/runner/work/ESID/ESID/frontend/node_modules/react-redux/dist/react-redux.mjs:1032:3)

Check warning on line 0 in src/__tests__/components/Onboarding/TourChips.test.tsx

See this annotation in the file changed.

@github-actions github-actions / Test Results

TourChips > renders all tour chips (src/__tests__/components/Onboarding/TourChips.test.tsx) failed 

frontend/reports/vitest-junit.xml [took 0s]
Raw output 
Unable to find an element with the text: District map. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.  Ignored nodes: comments, script, style [36m<body>[39m   [36m<div>[39m     [36m<div[39m       [33mclass[39m=[32m"MuiStack-root css-y4xubd-MuiStack-root"[39m     [36m>[39m       [36m<div[39m         [33mclass[39m=[32m"MuiButtonBase-root MuiChip-root MuiChip-outlined MuiChip-sizeMedium MuiChip-colorPrimary MuiChip-clickable MuiChip-clickableColorPrimary MuiChip-outlinedPrimary css-19tuqij-MuiButtonBase-root-MuiChip-root"[39m         [33mrole[39m=[32m"button"[39m         [33mtabindex[39m=[32m"0"[39m       [36m>[39m         [36m<svg[39m           [33maria-hidden[39m=[32m"true"[39m           [33mclass[39m=[32m"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiChip-icon MuiChip-iconMedium MuiChip-iconColorPrimary css-i4bv87-MuiSvgIcon-root"[39m           [33mdata-testid[39m=[32m"MapIcon"[39m           [33mfocusable[39m=[32m"false"[39m           [33mviewBox[39m=[32m"0 0 24 24"[39m         [36m>[39m           [36m<path[39m             [33md[39m=[32m"m20.5 3-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5M15 19l-6-2.11V5l6 2.11z"[39m           [36m/>[39m         [36m</svg>[39m         [36m<span[39m           [33mclass[39m=[32m"MuiChip-label MuiChip-labelMedium css-1jzq0dw-MuiChip-label"[39m         [36m>[39m           [0mtours.districtMap.title[0m         [36m</span>[39m         [36m<span[39m           [33mclass[39m=[32m"MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"[39m         [36m/>[39m       [36m</div>[39m       [36m<div[39m         [33mclass[39m=[32m"MuiButtonBase-root MuiChip-root MuiChip-outlined MuiChip-sizeMedium MuiChip-colorPrimary MuiChip-clickable MuiChip-clickableColorPrimary MuiChip-outlinedPrimary css-19tuqij-MuiButtonBase-root-MuiChip-root"[39m         [33mrole[39m=[32m"button"[39m         [33mtabindex[39m=[32m"0"[39m       [36m>[39m         [36m<svg[39m           [33maria-hidden[39m=[32m"true"[39m           [33mclass[39m=[32m"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiChip-icon MuiChip-iconMedium MuiChip-iconColorPrimary css-i4bv87-MuiSvgIcon-root"[39m           [33mdata-testid[39m=[32m"DashboardIcon"[39m           [33mfocusable[39m=[32m"false"[39m           [33mviewBox[39m=[32m"0 0 24 24"[39m         [36m>[39m           [36m<path[39m             [33md[39m=[32m"M3 13h8V3H3zm0 8h8v-6H3zm10 0h8V11h-8zm0-18v6h8V3z"[39m           [36m/>[39m         [36m</svg>[39m         [36m<span[39m           [33mclass[39m=[32m"MuiChip-label MuiChip-labelMedium css-1jzq0dw-MuiChip-label"[39m         [36m>[39m           [0mtours.scenario.title[0m         [36m</span>[39m         [36m<span[39m           [33mclass[39m=[32m"MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"[39m         [36m/>[39m       [36m</div>[39m       [36m<div[39m         [33mclass[39m=[32m"MuiButtonBase-root MuiChip-root MuiChip-outlined MuiChip-sizeMedium MuiChip-colorPrimary MuiChip-clickable MuiChip-clickableColorPrimary MuiChip-outlinedPrimary css-19tuqij-MuiButtonBase-root-MuiChip-root"[39m         [33mrole[39m=[32m"button"[39m         [33mtabindex[39m=[32m"0"[39m       [36m>[39m         [36m<svg[39m           [33maria-hidden[39m=[32m"true"[39m           [33mclass[39m=[32m"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiChip-icon MuiChip-iconMedium MuiChip-iconColorPrimary css-i4bv87-MuiSvgIcon-root"[39m           [33mdata-testid[39m=[32m"FilterListIcon"[39m           [33mfocusable[39m=[32m"false"[39m           [33mviewBox[39m=[32m"0 0 24 24"[39m         [36m>[39m           [36m<path[39m             [33md[39m=[32m"M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z"[39m           [36m/>[39m         [36m</svg>[39m         [36m<span[39m           [33mclass[39m=[32m"MuiChip-label MuiChip-labelMedium css-1jzq0dw-MuiChip-label"[39m         [36m>[39m           [0mtours.filter.title[0m         [36m</span>[39m         [36m<span[39m           [33mclass[39m=[32m"MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"[39m         [36m/>[39m       [36m</div>[39m       [36m<div[39m         [33mclass[39m=[32m"MuiButtonBase-root MuiChip-root MuiChip-outlined MuiChip-sizeMedium MuiChip-colorPrimary MuiChip-clickable MuiChip-clickableColorPrimary MuiChip-outlinedPrimary css-19tuqij-MuiButtonBase-root-MuiChip-root"[39m         [33mrole[39m=[32m"button"[39m         [33mtabindex[39m=[32m"0"[39m       [36m>[39m         [36m<svg[39m           [33maria-hidden[39m=[32m"true"[39m           [33mclass[39m=[32m"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiChip-icon MuiChip-iconMedium MuiChip-iconColorPrimary css-i4bv87-MuiSvgIcon-root"[39m           [33mdata-testid[39m=[32m"ShowChartIcon"[39m           [33mfocusable[39m=[32m"false"[39m           [33mviewBox[39m=[32m"0 0 24 24"[39m         [36m>[39m           [36m<path[39m             [33md[39m=[32m"m3.5 18.49 6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99z"[39m           [36m/>[39m         [36m</svg>[39m         [36m<span[39m           [33mclass[39m=[32m"MuiChip-label MuiChip-labelMedium css-1jzq0dw-MuiChip-label"[39m         [36m>[39m           [0mtours.lineChart.title[0m         [36m</span>[39m         [36m<span[39m           [33mclass[39m=[32m"MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"[39m         [36m/>[39m       [36m</div>[39m     [36m</div>[39m     [36m<div>[39m       [36m<div[39m         [33mclass[39m=[32m"react-joyride"[39m       [36m/>[39m     [36m</div>[39m   [36m</div>[39m [36m</body>[39m

TestingLibraryElementError: Unable to find an element with the text: District map. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
[36m<body>[39m
  [36m<div>[39m
    [36m<div[39m
      [33mclass[39m=[32m"MuiStack-root css-y4xubd-MuiStack-root"[39m
    [36m>[39m
      [36m<div[39m
        [33mclass[39m=[32m"MuiButtonBase-root MuiChip-root MuiChip-outlined MuiChip-sizeMedium MuiChip-colorPrimary MuiChip-clickable MuiChip-clickableColorPrimary MuiChip-outlinedPrimary css-19tuqij-MuiButtonBase-root-MuiChip-root"[39m
        [33mrole[39m=[32m"button"[39m
        [33mtabindex[39m=[32m"0"[39m
      [36m>[39m
        [36m<svg[39m
          [33maria-hidden[39m=[32m"true"[39m
          [33mclass[39m=[32m"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiChip-icon MuiChip-iconMedium MuiChip-iconColorPrimary css-i4bv87-MuiSvgIcon-root"[39m
          [33mdata-testid[39m=[32m"MapIcon"[39m
          [33mfocusable[39m=[32m"false"[39m
          [33mviewBox[39m=[32m"0 0 24 24"[39m
        [36m>[39m
          [36m<path[39m
            [33md[39m=[32m"m20.5 3-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5M15 19l-6-2.11V5l6 2.11z"[39m
          [36m/>[39m
        [36m</svg>[39m
        [36m<span[39m
          [33mclass[39m=[32m"MuiChip-label MuiChip-labelMedium css-1jzq0dw-MuiChip-label"[39m
        [36m>[39m
          [0mtours.districtMap.title[0m
        [36m</span>[39m
        [36m<span[39m
          [33mclass[39m=[32m"MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"[39m
        [36m/>[39m
      [36m</div>[39m
      [36m<div[39m
        [33mclass[39m=[32m"MuiButtonBase-root MuiChip-root MuiChip-outlined MuiChip-sizeMedium MuiChip-colorPrimary MuiChip-clickable MuiChip-clickableColorPrimary MuiChip-outlinedPrimary css-19tuqij-MuiButtonBase-root-MuiChip-root"[39m
        [33mrole[39m=[32m"button"[39m
        [33mtabindex[39m=[32m"0"[39m
      [36m>[39m
        [36m<svg[39m
          [33maria-hidden[39m=[32m"true"[39m
          [33mclass[39m=[32m"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiChip-icon MuiChip-iconMedium MuiChip-iconColorPrimary css-i4bv87-MuiSvgIcon-root"[39m
          [33mdata-testid[39m=[32m"DashboardIcon"[39m
          [33mfocusable[39m=[32m"false"[39m
          [33mviewBox[39m=[32m"0 0 24 24"[39m
        [36m>[39m
          [36m<path[39m
            [33md[39m=[32m"M3 13h8V3H3zm0 8h8v-6H3zm10 0h8V11h-8zm0-18v6h8V3z"[39m
          [36m/>[39m
        [36m</svg>[39m
        [36m<span[39m
          [33mclass[39m=[32m"MuiChip-label MuiChip-labelMedium css-1jzq0dw-MuiChip-label"[39m
        [36m>[39m
          [0mtours.scenario.title[0m
        [36m</span>[39m
        [36m<span[39m
          [33mclass[39m=[32m"MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"[39m
        [36m/>[39m
      [36m</div>[39m
      [36m<div[39m
        [33mclass[39m=[32m"MuiButtonBase-root MuiChip-root MuiChip-outlined MuiChip-sizeMedium MuiChip-colorPrimary MuiChip-clickable MuiChip-clickableColorPrimary MuiChip-outlinedPrimary css-19tuqij-MuiButtonBase-root-MuiChip-root"[39m
        [33mrole[39m=[32m"button"[39m
        [33mtabindex[39m=[32m"0"[39m
      [36m>[39m
        [36m<svg[39m
          [33maria-hidden[39m=[32m"true"[39m
          [33mclass[39m=[32m"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiChip-icon MuiChip-iconMedium MuiChip-iconColorPrimary css-i4bv87-MuiSvgIcon-root"[39m
          [33mdata-testid[39m=[32m"FilterListIcon"[39m
          [33mfocusable[39m=[32m"false"[39m
          [33mviewBox[39m=[32m"0 0 24 24"[39m
        [36m>[39m
          [36m<path[39m
            [33md[39m=[32m"M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z"[39m
          [36m/>[39m
        [36m</svg>[39m
        [36m<span[39m
          [33mclass[39m=[32m"MuiChip-label MuiChip-labelMedium css-1jzq0dw-MuiChip-label"[39m
        [36m>[39m
          [0mtours.filter.title[0m
        [36m</span>[39m
        [36m<span[39m
          [33mclass[39m=[32m"MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"[39m
        [36m/>[39m
      [36m</div>[39m
      [36m<div[39m
        [33mclass[39m=[32m"MuiButtonBase-root MuiChip-root MuiChip-outlined MuiChip-sizeMedium MuiChip-colorPrimary MuiChip-clickable MuiChip-clickableColorPrimary MuiChip-outlinedPrimary css-19tuqij-MuiButtonBase-root-MuiChip-root"[39m
        [33mrole[39m=[32m"button"[39m
        [33mtabindex[39m=[32m"0"[39m
      [36m>[39m
        [36m<svg[39m
          [33maria-hidden[39m=[32m"true"[39m
          [33mclass[39m=[32m"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiChip-icon MuiChip-iconMedium MuiChip-iconColorPrimary css-i4bv87-MuiSvgIcon-root"[39m
          [33mdata-testid[39m=[32m"ShowChartIcon"[39m
          [33mfocusable[39m=[32m"false"[39m
          [33mviewBox[39m=[32m"0 0 24 24"[39m
        [36m>[39m
          [36m<path[39m
            [33md[39m=[32m"m3.5 18.49 6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99z"[39m
          [36m/>[39m
        [36m</svg>[39m
        [36m<span[39m
          [33mclass[39m=[32m"MuiChip-label MuiChip-labelMedium css-1jzq0dw-MuiChip-label"[39m
        [36m>[39m
          [0mtours.lineChart.title[0m
        [36m</span>[39m
        [36m<span[39m
          [33mclass[39m=[32m"MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"[39m
        [36m/>[39m
      [36m</div>[39m
    [36m</div>[39m
    [36m<div>[39m
      [36m<div[39m
        [33mclass[39m=[32m"react-joyride"[39m
      [36m/>[39m
    [36m</div>[39m
  [36m</div>[39m
[36m</body>[39m
 ❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
 ❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
 ❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
 ❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
 ❯ src/__tests__/components/Onboarding/TourChips.test.tsx:29:19

react-joyride: init
  props {
    steps: [],
    stepIndex: 0,
    run: false,
    callback: [Function: handleJoyrideCallback],
    continuous: true,
    showSkipButton: true,
    debug: true,
    scrollToFirstStep: true,
    spotlightClicks: true,
    disableOverlayClose: true,
    locale: { next: 'next', skip: 'skip', back: 'back', last: 'last' },
    styles: {
      options: {
        zIndex: 10000,
        backgroundColor: '#fff',
        textColor: '#000',
        primaryColor: '#1976d2',
        width: '300px',
        arrowColor: '#fff'
      },
      tooltipContainer: { textAlign: 'left' },
      tooltipTitle: { fontSize: '1.5rem', fontWeight: 'bold', marginBottom: '8px' },
      tooltipContent: { fontSize: '0.875rem' }
    },
    disableCloseOnEsc: false,
    disableOverlay: false,
    disableScrolling: false,
    disableScrollParentFix: false,
    getHelpers: undefined,
    hideBackButton: false,
    scrollOffset: 20,
    scrollDuration: 300,
    showProgress: false,
    spotlightPadding: 10
  }
  state undefined

Warning: `ReactDOMTestUtils.act` is deprecated in favor of `React.act`. Import `act` from `react` instead of `react-dom/test-utils`. See https://react.dev/warnings/react-dom-test-utils for more info.

Check warning on line 0 in src/__tests__/components/Onboarding/WelcomeModal.test.tsx

See this annotation in the file changed.

@github-actions github-actions / Test Results

WelcomeModal > goes to the next slide when arrow is clicked (src/__tests__/components/Onboarding/WelcomeModal.test.tsx) failed 

frontend/reports/vitest-junit.xml [took 0s]
Raw output 
Unable to find an element with the text: Example title 2. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.  Ignored nodes: comments, script, style [36m<body[39m   [33mstyle[39m=[32m"padding-right: 1024px; overflow: hidden;"[39m [36m>[39m   [36m<div[39m     [33maria-hidden[39m=[32m"true"[39m   [36m/>[39m   [36m<div[39m     [33maria-label[39m=[32m"welcome-modal"[39m     [33mclass[39m=[32m"MuiDialog-root MuiModal-root css-wgatkq-MuiModal-root-MuiDialog-root"[39m     [33mrole[39m=[32m"presentation"[39m   [36m>[39m     [36m<div[39m       [33maria-hidden[39m=[32m"true"[39m       [33mclass[39m=[32m"MuiBackdrop-root MuiModal-backdrop css-yiavyu-MuiBackdrop-root-MuiDialog-backdrop"[39m       [33mstyle[39m=[32m"opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"[39m     [36m/>[39m     [36m<div[39m       [33mdata-testid[39m=[32m"sentinelStart"[39m       [33mtabindex[39m=[32m"0"[39m     [36m/>[39m     [36m<div[39m       [33mclass[39m=[32m"MuiDialog-container MuiDialog-scrollPaper css-hz1bth-MuiDialog-container"[39m       [33mrole[39m=[32m"presentation"[39m       [33mstyle[39m=[32m"opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"[39m       [33mtabindex[39m=[32m"-1"[39m     [36m>[39m       [36m<div[39m         [33maria-labelledby[39m=[32m":r1:"[39m         [33mclass[39m=[32m"MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm MuiDialog-paperFullWidth css-tlc64q-MuiPaper-root-MuiDialog-paper"[39m         [33mrole[39m=[32m"dialog"[39m       [36m>[39m         [36m<div[39m           [33mclass[39m=[32m"MuiBox-root css-6hi9mz"[39m         [36m>[39m           [36m<img[39m             [33malt[39m=[32m"Illustration"[39m             [33msrc[39m=[32m"/assets/logo/logo-200x66.svg"[39m             [33mstyle[39m=[32m"max-width: 100%; max-height: 100%; object-fit: cover;"[39m           [36m/>[39m         [36m</div>[39m         [36m<h2[39m           [33mclass[39m=[32m"MuiTypography-root MuiTypography-h6 MuiDialogTitle-root css-bdhsul-MuiTypography-root-MuiDialogTitle-root"[39m           [33mid[39m=[32m":r1:"[39m         [36m>[39m           [36m<div[39m             [33mclass[39m=[32m"MuiBox-root css-zzdol1"[39m           [36m>[39m             [36m<h1[39m               [33mclass[39m=[32m"MuiTypography-root MuiTypography-h1 css-o2w69a-MuiTypography-root"[39m             [36m>[39m               [0mwelcomeModalSlides.slide2.title[0m               [0m [0m             [36m</h1>[39m           [36m</div>[39m         [36m</h2>[39m         [36m<div[39m           [33mclass[39m=[32m"MuiDialogContent-root css-1twyu6u-MuiDialogContent-root"[39m         [36m>[39m           [36m<p[39m             [33mclass[39m=[32m"MuiTypography-root MuiTypography-body1 MuiTypography-paragraph css-z2eky3-MuiTypography-root"[39m           [36m>[39m             [0m welcomeModalSlides.slide2.content[0m           [36m</p>[39m         [36m</div>[39m         [36m<div[39m           [33mclass[39m=[32m"MuiBox-root css-66wkxv"[39m         [36m>[39m           [36m<div[39m             [33mclass[39m=[32m"MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 MuiMobileStepper-root MuiMobileStepper-positionStatic css-1dy7nx7-MuiPaper-root-MuiMobileStepper-root"[39m           [36m>[39m             [36m<button[39m               [33mclass[39m=[32m"MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1e6y48t-MuiButtonBase-root-MuiButton-root"[39m               [33mdata-testid[39m=[32m"arrow-backward-button"[39m               [33mtabindex[39m=[32m"0"[39m               [33mtype[39m=[32m"button"[39m             [36m>[39m               [36m<svg[39m                 [33maria-hidden[39m=[32m"true"[39m                 [33mclass[39m=[32m"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"[39m                 [33mdata-testid[39m=[32m"ArrowBackIosIcon"[39m                 [33mfocusable[39m=[32m"false"[39m                 [33mviewBox[39m=[32m"0 0 24 24"[39m               [36m>[39m                 [36m<path[39m                   [33md[39m=[32m"M11.67 3.87 9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z"[39m                 [36m/>[39m               [36m</svg>[39m               [36m<span[39m                 [33mclass[39m=[32m"MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"[39m               [36m/>[39m             [36m</button>[39m             [36m<div[39m               [33mclass[39m=[32m"MuiMobileStepper-dots css-1384nzf-MuiMobileStepper-dots"[39m             [36m>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot MuiMobileStepper-dotActive css-26w9jf-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m             [36m</div>[39m             [36m<button[39m               [33mclass[39m=[32m"MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1e6y48t-MuiButtonBase-root-MuiButton-root"[39m               [33mdata-testid[39m=[32m"arrow-forward-button"[39m               [33mtabindex[39m=[32m"0"[39m               [33mtype[39m=[32m"button"[39m             [36m>[39m               [36m<svg[39m                 [33maria-hidden[39m=[32m"true"[39m                 [33mclass[39m=[32m"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"[39m                 [33mdata-testid[39m=[32m"ArrowForwardIosIcon"[39m                 [33mfocusable[39m=[32m"false"[39m                 [33mviewBox[39m=[32m"0 0 24 24"[39m               [36m>[39m                 [36m<path[39m                   [33md[39m=[32m"M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z"[39m                 [36m/>[39m               [36m</svg>[39m               [36m<span[39m                 [33mclass[39m=[32m"MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"[39m               [36m/>[39m             [36m</button>[39m           [36m</div>[39m         [36m</div>[39m       [36m</div>[39m     [36m</div>[39m     [36m<div[39m       [33mdata-testid[39m=[32m"sentinelEnd"[39m       [33mtabindex[39m=[32m"0"[39m     [36m/>[39m   [36m</div>[39m [36m</body>[39m

TestingLibraryElementError: Unable to find an element with the text: Example title 2. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
[36m<body[39m
  [33mstyle[39m=[32m"padding-right: 1024px; overflow: hidden;"[39m
[36m>[39m
  [36m<div[39m
    [33maria-hidden[39m=[32m"true"[39m
  [36m/>[39m
  [36m<div[39m
    [33maria-label[39m=[32m"welcome-modal"[39m
    [33mclass[39m=[32m"MuiDialog-root MuiModal-root css-wgatkq-MuiModal-root-MuiDialog-root"[39m
    [33mrole[39m=[32m"presentation"[39m
  [36m>[39m
    [36m<div[39m
      [33maria-hidden[39m=[32m"true"[39m
      [33mclass[39m=[32m"MuiBackdrop-root MuiModal-backdrop css-yiavyu-MuiBackdrop-root-MuiDialog-backdrop"[39m
      [33mstyle[39m=[32m"opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"[39m
    [36m/>[39m
    [36m<div[39m
      [33mdata-testid[39m=[32m"sentinelStart"[39m
      [33mtabindex[39m=[32m"0"[39m
    [36m/>[39m
    [36m<div[39m
      [33mclass[39m=[32m"MuiDialog-container MuiDialog-scrollPaper css-hz1bth-MuiDialog-container"[39m
      [33mrole[39m=[32m"presentation"[39m
      [33mstyle[39m=[32m"opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"[39m
      [33mtabindex[39m=[32m"-1"[39m
    [36m>[39m
      [36m<div[39m
        [33maria-labelledby[39m=[32m":r1:"[39m
        [33mclass[39m=[32m"MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm MuiDialog-paperFullWidth css-tlc64q-MuiPaper-root-MuiDialog-paper"[39m
        [33mrole[39m=[32m"dialog"[39m
      [36m>[39m
        [36m<div[39m
          [33mclass[39m=[32m"MuiBox-root css-6hi9mz"[39m
        [36m>[39m
          [36m<img[39m
            [33malt[39m=[32m"Illustration"[39m
            [33msrc[39m=[32m"/assets/logo/logo-200x66.svg"[39m
            [33mstyle[39m=[32m"max-width: 100%; max-height: 100%; object-fit: cover;"[39m
          [36m/>[39m
        [36m</div>[39m
        [36m<h2[39m
          [33mclass[39m=[32m"MuiTypography-root MuiTypography-h6 MuiDialogTitle-root css-bdhsul-MuiTypography-root-MuiDialogTitle-root"[39m
          [33mid[39m=[32m":r1:"[39m
        [36m>[39m
          [36m<div[39m
            [33mclass[39m=[32m"MuiBox-root css-zzdol1"[39m
          [36m>[39m
            [36m<h1[39m
              [33mclass[39m=[32m"MuiTypography-root MuiTypography-h1 css-o2w69a-MuiTypography-root"[39m
            [36m>[39m
              [0mwelcomeModalSlides.slide2.title[0m
              [0m [0m
            [36m</h1>[39m
          [36m</div>[39m
        [36m</h2>[39m
        [36m<div[39m
          [33mclass[39m=[32m"MuiDialogContent-root css-1twyu6u-MuiDialogContent-root"[39m
        [36m>[39m
          [36m<p[39m
            [33mclass[39m=[32m"MuiTypography-root MuiTypography-body1 MuiTypography-paragraph css-z2eky3-MuiTypography-root"[39m
          [36m>[39m
            [0m welcomeModalSlides.slide2.content[0m
          [36m</p>[39m
        [36m</div>[39m
        [36m<div[39m
          [33mclass[39m=[32m"MuiBox-root css-66wkxv"[39m
        [36m>[39m
          [36m<div[39m
            [33mclass[39m=[32m"MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 MuiMobileStepper-root MuiMobileStepper-positionStatic css-1dy7nx7-MuiPaper-root-MuiMobileStepper-root"[39m
          [36m>[39m
            [36m<button[39m
              [33mclass[39m=[32m"MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1e6y48t-MuiButtonBase-root-MuiButton-root"[39m
              [33mdata-testid[39m=[32m"arrow-backward-button"[39m
              [33mtabindex[39m=[32m"0"[39m
              [33mtype[39m=[32m"button"[39m
            [36m>[39m
              [36m<svg[39m
                [33maria-hidden[39m=[32m"true"[39m
                [33mclass[39m=[32m"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"[39m
                [33mdata-testid[39m=[32m"ArrowBackIosIcon"[39m
                [33mfocusable[39m=[32m"false"[39m
                [33mviewBox[39m=[32m"0 0 24 24"[39m
              [36m>[39m
                [36m<path[39m
                  [33md[39m=[32m"M11.67 3.87 9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z"[39m
                [36m/>[39m
              [36m</svg>[39m
              [36m<span[39m
                [33mclass[39m=[32m"MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"[39m
              [36m/>[39m
            [36m</button>[39m
            [36m<div[39m
              [33mclass[39m=[32m"MuiMobileStepper-dots css-1384nzf-MuiMobileStepper-dots"[39m
            [36m>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot MuiMobileStepper-dotActive css-26w9jf-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
            [36m</div>[39m
            [36m<button[39m
              [33mclass[39m=[32m"MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1e6y48t-MuiButtonBase-root-MuiButton-root"[39m
              [33mdata-testid[39m=[32m"arrow-forward-button"[39m
              [33mtabindex[39m=[32m"0"[39m
              [33mtype[39m=[32m"button"[39m
            [36m>[39m
              [36m<svg[39m
                [33maria-hidden[39m=[32m"true"[39m
                [33mclass[39m=[32m"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"[39m
                [33mdata-testid[39m=[32m"ArrowForwardIosIcon"[39m
                [33mfocusable[39m=[32m"false"[39m
                [33mviewBox[39m=[32m"0 0 24 24"[39m
              [36m>[39m
                [36m<path[39m
                  [33md[39m=[32m"M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z"[39m
                [36m/>[39m
              [36m</svg>[39m
              [36m<span[39m
                [33mclass[39m=[32m"MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"[39m
              [36m/>[39m
            [36m</button>[39m
          [36m</div>[39m
        [36m</div>[39m
      [36m</div>[39m
    [36m</div>[39m
    [36m<div[39m
      [33mdata-testid[39m=[32m"sentinelEnd"[39m
      [33mtabindex[39m=[32m"0"[39m
    [36m/>[39m
  [36m</div>[39m
[36m</body>[39m
 ❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
 ❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
 ❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
 ❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
 ❯ src/__tests__/components/Onboarding/WelcomeModal.test.tsx:35:19

Check warning on line 0 in src/__tests__/components/Onboarding/WelcomeModal.test.tsx

See this annotation in the file changed.

@github-actions github-actions / Test Results

WelcomeModal > goes to the previous slide when arrow is clicked (src/__tests__/components/Onboarding/WelcomeModal.test.tsx) failed 

frontend/reports/vitest-junit.xml [took 0s]
Raw output 
Unable to find an element with the text: Welcome!. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.  Ignored nodes: comments, script, style [36m<body[39m   [33mstyle[39m=[32m"padding-right: 1024px; overflow: hidden;"[39m [36m>[39m   [36m<div[39m     [33maria-hidden[39m=[32m"true"[39m   [36m/>[39m   [36m<div[39m     [33maria-label[39m=[32m"welcome-modal"[39m     [33mclass[39m=[32m"MuiDialog-root MuiModal-root css-wgatkq-MuiModal-root-MuiDialog-root"[39m     [33mrole[39m=[32m"presentation"[39m   [36m>[39m     [36m<div[39m       [33maria-hidden[39m=[32m"true"[39m       [33mclass[39m=[32m"MuiBackdrop-root MuiModal-backdrop css-yiavyu-MuiBackdrop-root-MuiDialog-backdrop"[39m       [33mstyle[39m=[32m"opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"[39m     [36m/>[39m     [36m<div[39m       [33mdata-testid[39m=[32m"sentinelStart"[39m       [33mtabindex[39m=[32m"0"[39m     [36m/>[39m     [36m<div[39m       [33mclass[39m=[32m"MuiDialog-container MuiDialog-scrollPaper css-hz1bth-MuiDialog-container"[39m       [33mrole[39m=[32m"presentation"[39m       [33mstyle[39m=[32m"opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"[39m       [33mtabindex[39m=[32m"-1"[39m     [36m>[39m       [36m<div[39m         [33maria-labelledby[39m=[32m":r2:"[39m         [33mclass[39m=[32m"MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm MuiDialog-paperFullWidth css-tlc64q-MuiPaper-root-MuiDialog-paper"[39m         [33mrole[39m=[32m"dialog"[39m       [36m>[39m         [36m<div[39m           [33mclass[39m=[32m"MuiBox-root css-6hi9mz"[39m         [36m>[39m           [36m<img[39m             [33malt[39m=[32m"Illustration"[39m             [33msrc[39m=[32m"/assets/logo/logo-200x66.svg"[39m             [33mstyle[39m=[32m"max-width: 100%; max-height: 100%; object-fit: cover;"[39m           [36m/>[39m         [36m</div>[39m         [36m<h2[39m           [33mclass[39m=[32m"MuiTypography-root MuiTypography-h6 MuiDialogTitle-root css-bdhsul-MuiTypography-root-MuiDialogTitle-root"[39m           [33mid[39m=[32m":r2:"[39m         [36m>[39m           [36m<div[39m             [33mclass[39m=[32m"MuiBox-root css-zzdol1"[39m           [36m>[39m             [36m<h1[39m               [33mclass[39m=[32m"MuiTypography-root MuiTypography-h1 css-o2w69a-MuiTypography-root"[39m             [36m>[39m               [0mwelcomeModalSlides.slide1.title[0m               [0m [0m             [36m</h1>[39m           [36m</div>[39m         [36m</h2>[39m         [36m<div[39m           [33mclass[39m=[32m"MuiDialogContent-root css-1twyu6u-MuiDialogContent-root"[39m         [36m>[39m           [36m<p[39m             [33mclass[39m=[32m"MuiTypography-root MuiTypography-body1 MuiTypography-paragraph css-z2eky3-MuiTypography-root"[39m           [36m>[39m             [0m welcomeModalSlides.slide1.content[0m           [36m</p>[39m         [36m</div>[39m         [36m<div[39m           [33mclass[39m=[32m"MuiBox-root css-66wkxv"[39m         [36m>[39m           [36m<div[39m             [33mclass[39m=[32m"MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 MuiMobileStepper-root MuiMobileStepper-positionStatic css-1dy7nx7-MuiPaper-root-MuiMobileStepper-root"[39m           [36m>[39m             [36m<button[39m               [33mclass[39m=[32m"MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary Mui-disabled MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1e6y48t-MuiButtonBase-root-MuiButton-root"[39m               [33mdisabled[39m=[32m""[39m               [33mtabindex[39m=[32m"-1"[39m               [33mtype[39m=[32m"button"[39m             [36m>[39m               [36m<svg[39m                 [33maria-hidden[39m=[32m"true"[39m                 [33mclass[39m=[32m"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"[39m                 [33mdata-testid[39m=[32m"ArrowBackIosIcon"[39m                 [33mfocusable[39m=[32m"false"[39m                 [33mviewBox[39m=[32m"0 0 24 24"[39m               [36m>[39m                 [36m<path[39m                   [33md[39m=[32m"M11.67 3.87 9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z"[39m                 [36m/>[39m               [36m</svg>[39m             [36m</button>[39m             [36m<div[39m               [33mclass[39m=[32m"MuiMobileStepper-dots css-1384nzf-MuiMobileStepper-dots"[39m             [36m>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot MuiMobileStepper-dotActive css-26w9jf-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m             [36m</div>[39m             [36m<button[39m               [33mclass[39m=[32m"MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1e6y48t-MuiButtonBase-root-MuiButton-root"[39m               [33mdata-testid[39m=[32m"arrow-forward-button"[39m               [33mtabindex[39m=[32m"0"[39m               [33mtype[39m=[32m"button"[39m             [36m>[39m               [36m<svg[39m                 [33maria-hidden[39m=[32m"true"[39m                 [33mclass[39m=[32m"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"[39m                 [33mdata-testid[39m=[32m"ArrowForwardIosIcon"[39m                 [33mfocusable[39m=[32m"false"[39m                 [33mviewBox[39m=[32m"0 0 24 24"[39m               [36m>[39m                 [36m<path[39m                   [33md[39m=[32m"M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z"[39m                 [36m/>[39m               [36m</svg>[39m               [36m<span[39m                 [33mclass[39m=[32m"MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"[39m               [36m/>[39m             [36m</button>[39m           [36m</div>[39m         [36m</div>[39m       [36m</div>[39m     [36m</div>[39m     [36m<div[39m       [33mdata-testid[39m=[32m"sentinelEnd"[39m       [33mtabindex[39m=[32m"0"[39m     [36m/>[39m   [36m</div>[39m [36m</body>[39m

TestingLibraryElementError: Unable to find an element with the text: Welcome!. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
[36m<body[39m
  [33mstyle[39m=[32m"padding-right: 1024px; overflow: hidden;"[39m
[36m>[39m
  [36m<div[39m
    [33maria-hidden[39m=[32m"true"[39m
  [36m/>[39m
  [36m<div[39m
    [33maria-label[39m=[32m"welcome-modal"[39m
    [33mclass[39m=[32m"MuiDialog-root MuiModal-root css-wgatkq-MuiModal-root-MuiDialog-root"[39m
    [33mrole[39m=[32m"presentation"[39m
  [36m>[39m
    [36m<div[39m
      [33maria-hidden[39m=[32m"true"[39m
      [33mclass[39m=[32m"MuiBackdrop-root MuiModal-backdrop css-yiavyu-MuiBackdrop-root-MuiDialog-backdrop"[39m
      [33mstyle[39m=[32m"opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"[39m
    [36m/>[39m
    [36m<div[39m
      [33mdata-testid[39m=[32m"sentinelStart"[39m
      [33mtabindex[39m=[32m"0"[39m
    [36m/>[39m
    [36m<div[39m
      [33mclass[39m=[32m"MuiDialog-container MuiDialog-scrollPaper css-hz1bth-MuiDialog-container"[39m
      [33mrole[39m=[32m"presentation"[39m
      [33mstyle[39m=[32m"opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"[39m
      [33mtabindex[39m=[32m"-1"[39m
    [36m>[39m
      [36m<div[39m
        [33maria-labelledby[39m=[32m":r2:"[39m
        [33mclass[39m=[32m"MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm MuiDialog-paperFullWidth css-tlc64q-MuiPaper-root-MuiDialog-paper"[39m
        [33mrole[39m=[32m"dialog"[39m
      [36m>[39m
        [36m<div[39m
          [33mclass[39m=[32m"MuiBox-root css-6hi9mz"[39m
        [36m>[39m
          [36m<img[39m
            [33malt[39m=[32m"Illustration"[39m
            [33msrc[39m=[32m"/assets/logo/logo-200x66.svg"[39m
            [33mstyle[39m=[32m"max-width: 100%; max-height: 100%; object-fit: cover;"[39m
          [36m/>[39m
        [36m</div>[39m
        [36m<h2[39m
          [33mclass[39m=[32m"MuiTypography-root MuiTypography-h6 MuiDialogTitle-root css-bdhsul-MuiTypography-root-MuiDialogTitle-root"[39m
          [33mid[39m=[32m":r2:"[39m
        [36m>[39m
          [36m<div[39m
            [33mclass[39m=[32m"MuiBox-root css-zzdol1"[39m
          [36m>[39m
            [36m<h1[39m
              [33mclass[39m=[32m"MuiTypography-root MuiTypography-h1 css-o2w69a-MuiTypography-root"[39m
            [36m>[39m
              [0mwelcomeModalSlides.slide1.title[0m
              [0m [0m
            [36m</h1>[39m
          [36m</div>[39m
        [36m</h2>[39m
        [36m<div[39m
          [33mclass[39m=[32m"MuiDialogContent-root css-1twyu6u-MuiDialogContent-root"[39m
        [36m>[39m
          [36m<p[39m
            [33mclass[39m=[32m"MuiTypography-root MuiTypography-body1 MuiTypography-paragraph css-z2eky3-MuiTypography-root"[39m
          [36m>[39m
            [0m welcomeModalSlides.slide1.content[0m
          [36m</p>[39m
        [36m</div>[39m
        [36m<div[39m
          [33mclass[39m=[32m"MuiBox-root css-66wkxv"[39m
        [36m>[39m
          [36m<div[39m
            [33mclass[39m=[32m"MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 MuiMobileStepper-root MuiMobileStepper-positionStatic css-1dy7nx7-MuiPaper-root-MuiMobileStepper-root"[39m
          [36m>[39m
            [36m<button[39m
              [33mclass[39m=[32m"MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary Mui-disabled MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1e6y48t-MuiButtonBase-root-MuiButton-root"[39m
              [33mdisabled[39m=[32m""[39m
              [33mtabindex[39m=[32m"-1"[39m
              [33mtype[39m=[32m"button"[39m
            [36m>[39m
              [36m<svg[39m
                [33maria-hidden[39m=[32m"true"[39m
                [33mclass[39m=[32m"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"[39m
                [33mdata-testid[39m=[32m"ArrowBackIosIcon"[39m
                [33mfocusable[39m=[32m"false"[39m
                [33mviewBox[39m=[32m"0 0 24 24"[39m
              [36m>[39m
                [36m<path[39m
                  [33md[39m=[32m"M11.67 3.87 9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z"[39m
                [36m/>[39m
              [36m</svg>[39m
            [36m</button>[39m
            [36m<div[39m
              [33mclass[39m=[32m"MuiMobileStepper-dots css-1384nzf-MuiMobileStepper-dots"[39m
            [36m>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot MuiMobileStepper-dotActive css-26w9jf-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
            [36m</div>[39m
            [36m<button[39m
              [33mclass[39m=[32m"MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1e6y48t-MuiButtonBase-root-MuiButton-root"[39m
              [33mdata-testid[39m=[32m"arrow-forward-button"[39m
              [33mtabindex[39m=[32m"0"[39m
              [33mtype[39m=[32m"button"[39m
            [36m>[39m
              [36m<svg[39m
                [33maria-hidden[39m=[32m"true"[39m
                [33mclass[39m=[32m"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"[39m
                [33mdata-testid[39m=[32m"ArrowForwardIosIcon"[39m
                [33mfocusable[39m=[32m"false"[39m
                [33mviewBox[39m=[32m"0 0 24 24"[39m
              [36m>[39m
                [36m<path[39m
                  [33md[39m=[32m"M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z"[39m
                [36m/>[39m
              [36m</svg>[39m
              [36m<span[39m
                [33mclass[39m=[32m"MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"[39m
              [36m/>[39m
            [36m</button>[39m
          [36m</div>[39m
        [36m</div>[39m
      [36m</div>[39m
    [36m</div>[39m
    [36m<div[39m
      [33mdata-testid[39m=[32m"sentinelEnd"[39m
      [33mtabindex[39m=[32m"0"[39m
    [36m/>[39m
  [36m</div>[39m
[36m</body>[39m
 ❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
 ❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
 ❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
 ❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
 ❯ src/__tests__/components/Onboarding/WelcomeModal.test.tsx:43:19

Check warning on line 0 in src/__tests__/components/Onboarding/WelcomeModal.test.tsx

See this annotation in the file changed.

@github-actions github-actions / Test Results

WelcomeModal > modal closes when maybe later button is clicked (src/__tests__/components/Onboarding/WelcomeModal.test.tsx) failed 

frontend/reports/vitest-junit.xml [took 0s]
Raw output 
Unable to find an element by: [data-testid="maybe-later-button"]  Ignored nodes: comments, script, style [36m<body[39m   [33mstyle[39m=[32m"padding-right: 1024px; overflow: hidden;"[39m [36m>[39m   [36m<div[39m     [33maria-hidden[39m=[32m"true"[39m   [36m/>[39m   [36m<div[39m     [33maria-label[39m=[32m"welcome-modal"[39m     [33mclass[39m=[32m"MuiDialog-root MuiModal-root css-wgatkq-MuiModal-root-MuiDialog-root"[39m     [33mrole[39m=[32m"presentation"[39m   [36m>[39m     [36m<div[39m       [33maria-hidden[39m=[32m"true"[39m       [33mclass[39m=[32m"MuiBackdrop-root MuiModal-backdrop css-yiavyu-MuiBackdrop-root-MuiDialog-backdrop"[39m       [33mstyle[39m=[32m"opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"[39m     [36m/>[39m     [36m<div[39m       [33mdata-testid[39m=[32m"sentinelStart"[39m       [33mtabindex[39m=[32m"0"[39m     [36m/>[39m     [36m<div[39m       [33mclass[39m=[32m"MuiDialog-container MuiDialog-scrollPaper css-hz1bth-MuiDialog-container"[39m       [33mrole[39m=[32m"presentation"[39m       [33mstyle[39m=[32m"opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"[39m       [33mtabindex[39m=[32m"-1"[39m     [36m>[39m       [36m<div[39m         [33maria-labelledby[39m=[32m":r3:"[39m         [33mclass[39m=[32m"MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm MuiDialog-paperFullWidth css-tlc64q-MuiPaper-root-MuiDialog-paper"[39m         [33mrole[39m=[32m"dialog"[39m       [36m>[39m         [36m<div[39m           [33mclass[39m=[32m"MuiBox-root css-6hi9mz"[39m         [36m>[39m           [36m<img[39m             [33malt[39m=[32m"Illustration"[39m             [33msrc[39m=[32m"/assets/logo/logo-200x66.svg"[39m             [33mstyle[39m=[32m"max-width: 100%; max-height: 100%; object-fit: cover;"[39m           [36m/>[39m         [36m</div>[39m         [36m<h2[39m           [33mclass[39m=[32m"MuiTypography-root MuiTypography-h6 MuiDialogTitle-root css-bdhsul-MuiTypography-root-MuiDialogTitle-root"[39m           [33mid[39m=[32m":r3:"[39m         [36m>[39m           [36m<div[39m             [33mclass[39m=[32m"MuiBox-root css-zzdol1"[39m           [36m>[39m             [36m<h1[39m               [33mclass[39m=[32m"MuiTypography-root MuiTypography-h1 css-o2w69a-MuiTypography-root"[39m             [36m>[39m               [0mwelcomeModalSlides.slide5.title[0m               [0m [0m             [36m</h1>[39m           [36m</div>[39m         [36m</h2>[39m         [36m<div[39m           [33mclass[39m=[32m"MuiDialogContent-root css-1twyu6u-MuiDialogContent-root"[39m         [36m>[39m           [36m<p[39m             [33mclass[39m=[32m"MuiTypography-root MuiTypography-body1 MuiTypography-paragraph css-z2eky3-MuiTypography-root"[39m           [36m>[39m             [0m welcomeModalSlides.slide5.content[0m           [36m</p>[39m         [36m</div>[39m         [36m<div[39m           [33mclass[39m=[32m"MuiBox-root css-66wkxv"[39m         [36m>[39m           [36m<div[39m             [33mclass[39m=[32m"MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 MuiMobileStepper-root MuiMobileStepper-positionStatic css-1dy7nx7-MuiPaper-root-MuiMobileStepper-root"[39m           [36m>[39m             [36m<button[39m               [33mclass[39m=[32m"MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1e6y48t-MuiButtonBase-root-MuiButton-root"[39m               [33mdata-testid[39m=[32m"arrow-backward-button"[39m               [33mtabindex[39m=[32m"0"[39m               [33mtype[39m=[32m"button"[39m             [36m>[39m               [36m<svg[39m                 [33maria-hidden[39m=[32m"true"[39m                 [33mclass[39m=[32m"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"[39m                 [33mdata-testid[39m=[32m"ArrowBackIosIcon"[39m                 [33mfocusable[39m=[32m"false"[39m                 [33mviewBox[39m=[32m"0 0 24 24"[39m               [36m>[39m                 [36m<path[39m                   [33md[39m=[32m"M11.67 3.87 9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z"[39m                 [36m/>[39m               [36m</svg>[39m               [36m<span[39m                 [33mclass[39m=[32m"MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"[39m               [36m/>[39m             [36m</button>[39m             [36m<div[39m               [33mclass[39m=[32m"MuiMobileStepper-dots css-1384nzf-MuiMobileStepper-dots"[39m             [36m>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot MuiMobileStepper-dotActive css-26w9jf-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m               [36m<div[39m                 [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m               [36m/>[39m             [36m</div>[39m             [36m<button[39m               [33mclass[39m=[32m"MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1e6y48t-MuiButtonBase-root-MuiButton-root"[39m               [33mdata-testid[39m=[32m"arrow-forward-button"[39m               [33mtabindex[39m=[32m"0"[39m               [33mtype[39m=[32m"button"[39m             [36m>[39m               [36m<svg[39m                 [33maria-hidden[39m=[32m"true"[39m                 [33mclass[39m=[32m"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"[39m                 [33mdata-testid[39m=[32m"ArrowForwardIosIcon"[39m                 [33mfocusable[39m=[32m"false"[39m                 [33mviewBox[39m=[32m"0 0 24 24"[39m               [36m>[39m                 [36m<path[39m                   [33md[39m=[32m"M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z"[39m                 [36m/>[39m               [36m</svg>[39m               [36m<span[39m                 [33mclass[39m=[32m"MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"[39m               [36m/>[39m             [36m</button>[39m           [36m</div>[39m         [36m</div>[39m       [36m</div>[39m     [36m</div>[39m     [36m<div[39m       [33mdata-testid[39m=[32m"sentinelEnd"[39m       [33mtabindex[39m=[32m"0"[39m     [36m/>[39m   [36m</div>[39m [36m</body>[39m

TestingLibraryElementError: Unable to find an element by: [data-testid="maybe-later-button"]

Ignored nodes: comments, script, style
[36m<body[39m
  [33mstyle[39m=[32m"padding-right: 1024px; overflow: hidden;"[39m
[36m>[39m
  [36m<div[39m
    [33maria-hidden[39m=[32m"true"[39m
  [36m/>[39m
  [36m<div[39m
    [33maria-label[39m=[32m"welcome-modal"[39m
    [33mclass[39m=[32m"MuiDialog-root MuiModal-root css-wgatkq-MuiModal-root-MuiDialog-root"[39m
    [33mrole[39m=[32m"presentation"[39m
  [36m>[39m
    [36m<div[39m
      [33maria-hidden[39m=[32m"true"[39m
      [33mclass[39m=[32m"MuiBackdrop-root MuiModal-backdrop css-yiavyu-MuiBackdrop-root-MuiDialog-backdrop"[39m
      [33mstyle[39m=[32m"opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"[39m
    [36m/>[39m
    [36m<div[39m
      [33mdata-testid[39m=[32m"sentinelStart"[39m
      [33mtabindex[39m=[32m"0"[39m
    [36m/>[39m
    [36m<div[39m
      [33mclass[39m=[32m"MuiDialog-container MuiDialog-scrollPaper css-hz1bth-MuiDialog-container"[39m
      [33mrole[39m=[32m"presentation"[39m
      [33mstyle[39m=[32m"opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"[39m
      [33mtabindex[39m=[32m"-1"[39m
    [36m>[39m
      [36m<div[39m
        [33maria-labelledby[39m=[32m":r3:"[39m
        [33mclass[39m=[32m"MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm MuiDialog-paperFullWidth css-tlc64q-MuiPaper-root-MuiDialog-paper"[39m
        [33mrole[39m=[32m"dialog"[39m
      [36m>[39m
        [36m<div[39m
          [33mclass[39m=[32m"MuiBox-root css-6hi9mz"[39m
        [36m>[39m
          [36m<img[39m
            [33malt[39m=[32m"Illustration"[39m
            [33msrc[39m=[32m"/assets/logo/logo-200x66.svg"[39m
            [33mstyle[39m=[32m"max-width: 100%; max-height: 100%; object-fit: cover;"[39m
          [36m/>[39m
        [36m</div>[39m
        [36m<h2[39m
          [33mclass[39m=[32m"MuiTypography-root MuiTypography-h6 MuiDialogTitle-root css-bdhsul-MuiTypography-root-MuiDialogTitle-root"[39m
          [33mid[39m=[32m":r3:"[39m
        [36m>[39m
          [36m<div[39m
            [33mclass[39m=[32m"MuiBox-root css-zzdol1"[39m
          [36m>[39m
            [36m<h1[39m
              [33mclass[39m=[32m"MuiTypography-root MuiTypography-h1 css-o2w69a-MuiTypography-root"[39m
            [36m>[39m
              [0mwelcomeModalSlides.slide5.title[0m
              [0m [0m
            [36m</h1>[39m
          [36m</div>[39m
        [36m</h2>[39m
        [36m<div[39m
          [33mclass[39m=[32m"MuiDialogContent-root css-1twyu6u-MuiDialogContent-root"[39m
        [36m>[39m
          [36m<p[39m
            [33mclass[39m=[32m"MuiTypography-root MuiTypography-body1 MuiTypography-paragraph css-z2eky3-MuiTypography-root"[39m
          [36m>[39m
            [0m welcomeModalSlides.slide5.content[0m
          [36m</p>[39m
        [36m</div>[39m
        [36m<div[39m
          [33mclass[39m=[32m"MuiBox-root css-66wkxv"[39m
        [36m>[39m
          [36m<div[39m
            [33mclass[39m=[32m"MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 MuiMobileStepper-root MuiMobileStepper-positionStatic css-1dy7nx7-MuiPaper-root-MuiMobileStepper-root"[39m
          [36m>[39m
            [36m<button[39m
              [33mclass[39m=[32m"MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1e6y48t-MuiButtonBase-root-MuiButton-root"[39m
              [33mdata-testid[39m=[32m"arrow-backward-button"[39m
              [33mtabindex[39m=[32m"0"[39m
              [33mtype[39m=[32m"button"[39m
            [36m>[39m
              [36m<svg[39m
                [33maria-hidden[39m=[32m"true"[39m
                [33mclass[39m=[32m"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"[39m
                [33mdata-testid[39m=[32m"ArrowBackIosIcon"[39m
                [33mfocusable[39m=[32m"false"[39m
                [33mviewBox[39m=[32m"0 0 24 24"[39m
              [36m>[39m
                [36m<path[39m
                  [33md[39m=[32m"M11.67 3.87 9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z"[39m
                [36m/>[39m
              [36m</svg>[39m
              [36m<span[39m
                [33mclass[39m=[32m"MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"[39m
              [36m/>[39m
            [36m</button>[39m
            [36m<div[39m
              [33mclass[39m=[32m"MuiMobileStepper-dots css-1384nzf-MuiMobileStepper-dots"[39m
            [36m>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot MuiMobileStepper-dotActive css-26w9jf-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
              [36m<div[39m
                [33mclass[39m=[32m"MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"[39m
              [36m/>[39m
            [36m</div>[39m
            [36m<button[39m
              [33mclass[39m=[32m"MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1e6y48t-MuiButtonBase-root-MuiButton-root"[39m
              [33mdata-testid[39m=[32m"arrow-forward-button"[39m
              [33mtabindex[39m=[32m"0"[39m
              [33mtype[39m=[32m"button"[39m
            [36m>[39m
              [36m<svg[39m
                [33maria-hidden[39m=[32m"true"[39m
                [33mclass[39m=[32m"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"[39m
                [33mdata-testid[39m=[32m"ArrowForwardIosIcon"[39m
                [33mfocusable[39m=[32m"false"[39m
                [33mviewBox[39m=[32m"0 0 24 24"[39m
              [36m>[39m
                [36m<path[39m
                  [33md[39m=[32m"M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z"[39m
                [36m/>[39m
              [36m</svg>[39m
              [36m<span[39m
                [33mclass[39m=[32m"MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"[39m
              [36m/>[39m
            [36m</button>[39m
          [36m</div>[39m
        [36m</div>[39m
      [36m</div>[39m
    [36m</div>[39m
    [36m<div[39m
      [33mdata-testid[39m=[32m"sentinelEnd"[39m
      [33mtabindex[39m=[32m"0"[39m
    [36m/>[39m
  [36m</div>[39m
[36m</body>[39m
 ❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
 ❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
 ❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
 ❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
 ❯ src/__tests__/components/Onboarding/WelcomeModal.test.tsx:55:37

Check warning on line 0 in src/__tests__/components/Onboarding/WelcomeModal.test.tsx

See this annotation in the file changed.

@github-actions github-actions / Test Results

WelcomeModal > does not render when user is not a first time user (src/__tests__/components/Onboarding/WelcomeModal.test.tsx) failed 

frontend/reports/vitest-junit.xml [took 0s]
Raw output 
expect(element).not.toBeInTheDocument()  expected document not to contain element, found <div   aria-label="welcome-modal"   class="MuiDialog-root MuiModal-root css-wgatkq-MuiModal-root-MuiDialog-root"   role="presentation" >   <div     aria-hidden="true"     class="MuiBackdrop-root MuiModal-backdrop css-yiavyu-MuiBackdrop-root-MuiDialog-backdrop"     style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"   />   <div     data-testid="sentinelStart"     tabindex="0"   />   <div     class="MuiDialog-container MuiDialog-scrollPaper css-hz1bth-MuiDialog-container"     role="presentation"     style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"     tabindex="-1"   >     <div       aria-labelledby=":r4:"       class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm MuiDialog-paperFullWidth css-tlc64q-MuiPaper-root-MuiDialog-paper"       role="dialog"     >       <div         class="MuiBox-root css-6hi9mz"       >         <img           alt="Illustration"           src="/assets/logo/logo-200x66.svg"           style="max-width: 100%; max-height: 100%; object-fit: cover;"         />       </div>       <h2         class="MuiTypography-root MuiTypography-h6 MuiDialogTitle-root css-bdhsul-MuiTypography-root-MuiDialogTitle-root"         id=":r4:"       >         <div           class="MuiBox-root css-zzdol1"         >           <h1             class="MuiTypography-root MuiTypography-h1 css-o2w69a-MuiTypography-root"           >             welcomeModalSlides.slide1.title                         </h1>         </div>       </h2>       <div         class="MuiDialogContent-root css-1twyu6u-MuiDialogContent-root"       >         <p           class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph css-z2eky3-MuiTypography-root"         >            welcomeModalSlides.slide1.content         </p>       </div>       <div         class="MuiBox-root css-66wkxv"       >         <div           class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 MuiMobileStepper-root MuiMobileStepper-positionStatic css-1dy7nx7-MuiPaper-root-MuiMobileStepper-root"         >           <button             class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary Mui-disabled MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1e6y48t-MuiButtonBase-root-MuiButton-root"             disabled=""             tabindex="-1"             type="button"           >             <svg               aria-hidden="true"               class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"               data-testid="ArrowBackIosIcon"               focusable="false"               viewBox="0 0 24 24"             >               <path                 d="M11.67 3.87 9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z"               />             </svg>           </button>           <div             class="MuiMobileStepper-dots css-1384nzf-MuiMobileStepper-dots"           >             <div               class="MuiMobileStepper-dot MuiMobileStepper-dotActive css-26w9jf-MuiMobileStepper-dot"             />             <div               class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"             />             <div               class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"             />             <div               class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"             />             <div               class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"             />             <div               class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"             />             <div               class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"             />             <div               class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"             />             <div               class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"             />             <div               class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"             />             <div               class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"             />             <div               class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"             />             <div               class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"             />             <div               class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"             />             <div               class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"             />             <div               class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"             />             <div               class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"             />             <div               class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"             />           </div>           <button             class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1e6y48t-MuiButtonBase-root-MuiButton-root"             data-testid="arrow-forward-button"             tabindex="0"             type="button"           >             <svg               aria-hidden="true"               class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"               data-testid="ArrowForwardIosIcon"               focusable="false"               viewBox="0 0 24 24"             >               <path                 d="M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z"               />             </svg>             <span               class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"             />           </button>         </div>       </div>     </div>   </div>   <div     data-testid="sentinelEnd"     tabindex="0"   /> </div> instead

Error: expect(element).not.toBeInTheDocument()

expected document not to contain element, found <div
  aria-label="welcome-modal"
  class="MuiDialog-root MuiModal-root css-wgatkq-MuiModal-root-MuiDialog-root"
  role="presentation"
>
  <div
    aria-hidden="true"
    class="MuiBackdrop-root MuiModal-backdrop css-yiavyu-MuiBackdrop-root-MuiDialog-backdrop"
    style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
  />
  <div
    data-testid="sentinelStart"
    tabindex="0"
  />
  <div
    class="MuiDialog-container MuiDialog-scrollPaper css-hz1bth-MuiDialog-container"
    role="presentation"
    style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
    tabindex="-1"
  >
    <div
      aria-labelledby=":r4:"
      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm MuiDialog-paperFullWidth css-tlc64q-MuiPaper-root-MuiDialog-paper"
      role="dialog"
    >
      <div
        class="MuiBox-root css-6hi9mz"
      >
        <img
          alt="Illustration"
          src="/assets/logo/logo-200x66.svg"
          style="max-width: 100%; max-height: 100%; object-fit: cover;"
        />
      </div>
      <h2
        class="MuiTypography-root MuiTypography-h6 MuiDialogTitle-root css-bdhsul-MuiTypography-root-MuiDialogTitle-root"
        id=":r4:"
      >
        <div
          class="MuiBox-root css-zzdol1"
        >
          <h1
            class="MuiTypography-root MuiTypography-h1 css-o2w69a-MuiTypography-root"
          >
            welcomeModalSlides.slide1.title
             
          </h1>
        </div>
      </h2>
      <div
        class="MuiDialogContent-root css-1twyu6u-MuiDialogContent-root"
      >
        <p
          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph css-z2eky3-MuiTypography-root"
        >
           welcomeModalSlides.slide1.content
        </p>
      </div>
      <div
        class="MuiBox-root css-66wkxv"
      >
        <div
          class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 MuiMobileStepper-root MuiMobileStepper-positionStatic css-1dy7nx7-MuiPaper-root-MuiMobileStepper-root"
        >
          <button
            class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary Mui-disabled MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1e6y48t-MuiButtonBase-root-MuiButton-root"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <svg
              aria-hidden="true"
              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
              data-testid="ArrowBackIosIcon"
              focusable="false"
              viewBox="0 0 24 24"
            >
              <path
                d="M11.67 3.87 9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z"
              />
            </svg>
          </button>
          <div
            class="MuiMobileStepper-dots css-1384nzf-MuiMobileStepper-dots"
          >
            <div
              class="MuiMobileStepper-dot MuiMobileStepper-dotActive css-26w9jf-MuiMobileStepper-dot"
            />
            <div
              class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"
            />
            <div
              class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"
            />
            <div
              class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"
            />
            <div
              class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"
            />
            <div
              class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"
            />
            <div
              class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"
            />
            <div
              class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"
            />
            <div
              class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"
            />
            <div
              class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"
            />
            <div
              class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"
            />
            <div
              class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"
            />
            <div
              class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"
            />
            <div
              class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"
            />
            <div
              class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"
            />
            <div
              class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"
            />
            <div
              class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"
            />
            <div
              class="MuiMobileStepper-dot css-114p2tk-MuiMobileStepper-dot"
            />
          </div>
          <button
            class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1e6y48t-MuiButtonBase-root-MuiButton-root"
            data-testid="arrow-forward-button"
            tabindex="0"
            type="button"
          >
            <svg
              aria-hidden="true"
              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
              data-testid="ArrowForwardIosIcon"
              focusable="false"
              viewBox="0 0 24 24"
            >
              <path
                d="M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z"
              />
            </svg>
            <span
              class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
            />
          </button>
        </div>
      </div>
    </div>
  </div>
  <div
    data-testid="sentinelEnd"
    tabindex="0"
  />
</div> instead
 ❯ src/__tests__/components/Onboarding/WelcomeModal.test.tsx:66:58
View more details on GitHub Actions