HSM template new UI #4287
akanshaaa19Annotations
10 errors and 2 warnings
|
src/components/UI/Form/Calendar/Calendar.test.tsx > <Calendar /> > test date change event:
src/components/UI/Form/Calendar/Calendar.test.tsx#L42
Error: expect(element).toHaveValue(09/03/2020)
Expected the element to have value:
09/03/2020
Received:
07/08/2024
❯ src/components/UI/Form/Calendar/Calendar.test.tsx:42:19
|
|
src/components/UI/Form/Calendar/Calendar.test.tsx > <Calendar /> > should set the field value to null if no date is passed:
src/components/UI/Form/Calendar/Calendar.test.tsx#L51
AssertionError: expected "spy" to be called with arguments: [ 'example', null ]
Received:
Number of calls: 0
❯ src/components/UI/Form/Calendar/Calendar.test.tsx:51:31
|
|
src/components/UI/Form/Calendar/Calendar.test.tsx > <Calendar /> > should set the field value to null if no date is passed:
src/components/UI/Form/Calendar/Calendar.test.tsx#L60
AssertionError: expected "spy" to be called with arguments: [ 'example', null ]
Received:
Number of calls: 0
❯ src/components/UI/Form/Calendar/Calendar.test.tsx:60:31
|
|
src/components/UI/Form/Calendar/Calendar.test.tsx > <Calendar /> > should close the calendar if we click escape:
src/components/UI/Form/Calendar/Calendar.test.tsx#L96
Error: expect(element).not.toBeInTheDocument()
expected document not to contain element, found <div
data-testid="sentinelStart"
tabindex="0"
/> instead
Ignored nodes: comments, script, style
<html>
<head />
<body
style="padding-right: 1024px; overflow: hidden;"
>
<div
aria-hidden="true"
>
<div
class="_Calendar_35e9ec"
data-testid="date-picker-inline"
>
<div
class="MuiFormControl-root MuiTextField-root _CalendarInput_35e9ec undefined css-z3c6am-MuiFormControl-root-MuiTextField-root"
>
<label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined _Label_35e9ec css-1jy569b-MuiFormLabel-root-MuiInputLabel-root"
data-shrink="true"
for=":rn:"
id=":rn:-label"
>
Date from
</label>
<div
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-adornedEnd Mui-readOnly MuiInputBase-readOnly css-o9k5xi-MuiInputBase-root-MuiOutlinedInput-root"
>
<input
aria-invalid="false"
aria-label="Choose date, selected date is Jul 8, 2024"
autocomplete="off"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedEnd Mui-readOnly _Input_35e9ec MuiInputBase-readOnly css-nxo287-MuiInputBase-input-MuiOutlinedInput-input"
id=":rn:"
inputmode="text"
placeholder="MM/DD/YYYY"
readonly=""
type="text"
value="07/08/2024"
/>
<fieldset
aria-hidden="true"
class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
>
<legend
class="css-14lo706"
>
<span>
Date from
</span>
</legend>
</fieldset>
</div>
</div>
</div>
</div>
<div
class="MuiDialog-root MuiModal-root css-3dah0e-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=":rm:"
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm css-1t1j96h-MuiPaper-root-MuiDialog-paper"
role="dialog"
>
<div
class="MuiDialogContent-root css-9yjdhh-MuiDialogContent-root"
>
<div
class="MuiPickersLayout-root css-1st8yxe-MuiPickersLayout-root"
>
<div
class="MuiPickersToolbar-root MuiDatePickerToolbar-root MuiPickersLayout-toolbar css-1eurbeq-MuiPickersToolbar-root-MuiDatePickerToolbar-root"
>
<span
class="MuiTypography-root MuiTypography-overline css-1hbyad5-MuiTypography-root"
id=":rm:"
>
Select date
</span>
<div
|
|
src/components/UI/Form/DateTimePicker/DateTimePicker.test.tsx > <DateTimePicker /> > test date change event:
src/components/UI/Form/DateTimePicker/DateTimePicker.test.tsx#L33
Error: expect(element).toHaveValue(14/05/2021 09:50 am)
Expected the element to have value:
14/05/2021 09:50 am
Received:
08/07/2024 12:00 am
Ignored nodes: comments, script, style
<html>
<head />
<body
style="padding-right: 1024px; overflow: hidden;"
>
<div
aria-hidden="true"
>
<div
class="_DateTimePicker_7530e8"
data-testid="date-picker-inline"
>
<div
class="MuiFormControl-root MuiTextField-root css-z3c6am-MuiFormControl-root-MuiTextField-root"
>
<label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined _Label_7530e8 css-1jy569b-MuiFormLabel-root-MuiInputLabel-root"
data-shrink="true"
for=":r4:"
id=":r4:-label"
>
Date from
</label>
<div
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-adornedEnd Mui-readOnly MuiInputBase-readOnly css-o9k5xi-MuiInputBase-root-MuiOutlinedInput-root"
>
<input
aria-invalid="false"
aria-label="Choose date, selected date is Jul 8, 2024"
autocomplete="off"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedEnd Mui-readOnly _Input_7530e8 MuiInputBase-readOnly css-nxo287-MuiInputBase-input-MuiOutlinedInput-input"
id=":r4:"
inputmode="text"
placeholder="DD/MM/YYYY hh:mm aa"
readonly=""
type="text"
value="08/07/2024 12:00 am"
/>
<fieldset
aria-hidden="true"
class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
>
<legend
class="css-14lo706"
>
<span>
Date from
</span>
</legend>
</fieldset>
</div>
</div>
</div>
</div>
<div
class="MuiDialog-root MuiModal-root css-3dah0e-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=":r3:"
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm css-1t1j96h-MuiPaper-root-MuiDialog-paper"
role="dialog"
>
<div
class="MuiDialogContent-root css-9yjdhh-MuiDialogContent-root"
>
<div
class="MuiPickersLayout-root css-1st8yxe-MuiPickersLayout-root"
>
<div
class="MuiPickersToolbar-root MuiDateTimePickerToolbar-root MuiPickersLayout-toolbar css-956pwy-MuiPickersToolbar-root-MuiDateTimePickerToolbar-root"
>
<span
class="MuiTypography-root MuiTypography-overline css-1hbyad5-MuiTypography-root"
id=":r3:"
>
Select date & time
</span>
<div
|
|
src/components/UI/Form/TimePicker/TimePicker.test.tsx > <TimePicker /> > test time change event:
src/components/UI/Form/TimePicker/TimePicker.test.tsx#L45
AssertionError: expected '' to be '09:00 AM' // Object.is equality
- Expected
+ Received
- 09:00 AM
❯ src/components/UI/Form/TimePicker/TimePicker.test.tsx:45:52
|
|
src/containers/Consulting/ConsultingList/ExportConsulting/ExportConsulting.test.tsx > should export consulting:
src/containers/Consulting/ConsultingList/ExportConsulting/ExportConsulting.test.tsx#L69
AssertionError: expected "downloadFile" to be called at least once
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="_FilterContainer_78954e"
>
<div
class="_FormContainer_78954e"
>
<form
action="#"
class="_Form_78954e"
>
<div
class="_Field_78954e"
>
<div
class="_Input_029ace"
>
<div
class="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
>
<div
class="MuiAutocomplete-root MuiAutocomplete-hasClearIcon MuiAutocomplete-hasPopupIcon css-ka7ti6-MuiAutocomplete-root"
data-testid="autocomplete-element"
>
<div
class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
data-testid="AutocompleteInput"
>
<div
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot _DefaultInputRoot_029ace css-154xyx0-MuiInputBase-root-MuiOutlinedInput-root"
>
<input
aria-autocomplete="list"
aria-expanded="false"
aria-invalid="false"
autocapitalize="none"
autocomplete="off"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-nxo287-MuiInputBase-input-MuiOutlinedInput-input"
id=":rg:"
placeholder="Select Organization"
role="combobox"
spellcheck="false"
type="text"
value="Foogle"
/>
<div
class="MuiAutocomplete-endAdornment css-p1olib-MuiAutocomplete-endAdornment"
>
<button
aria-label="Clear"
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium MuiAutocomplete-clearIndicator css-1glvl0p-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-clearIndicator"
tabindex="-1"
title="Clear"
type="button"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-ptiqhd-MuiSvgIcon-root"
data-testid="CloseIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M19 6.41L17.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>
<button
aria-label="Open"
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium MuiAutocomplete-popupIndicator css-qzbt6i-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator"
tabindex="-1"
title="Open"
type="button"
>
<svg
|
|
src/containers/Ticket/TicketList/ExportTicket/ExportTicket.test.tsx > Renders Export ticket component successfully:
src/containers/Ticket/TicketList/ExportTicket/ExportTicket.test.tsx#L53
AssertionError: expected "downloadFile" to be called at least once
Ignored nodes: comments, script, style
<html>
<head />
<body
style="padding-right: 1024px; overflow: hidden;"
>
<div
aria-hidden="true"
/>
<div
class="MuiDialog-root MuiModal-root css-zw3mfo-MuiModal-root-MuiDialog-root"
data-testid="dialogBox"
role="presentation"
>
<div
aria-hidden="true"
class="MuiBackdrop-root _BackdropRoot_62a950 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 _Dialogbox_62a950 MuiDialog-scrollPaper _ScrollPaper_62a950 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-describedby="alert-dialog-description"
aria-labelledby="alert-dialog-title"
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper _DialogboxPaper_62a950 MuiDialog-paperScrollPaper MuiDialog-paperWidthSm css-1t1j96h-MuiPaper-root-MuiDialog-paper"
role="dialog"
>
<h2
class="MuiTypography-root MuiTypography-h6 MuiDialogTitle-root _DialogTitleLeft_62a950 _DialogTitle_62a950 css-bdhsul-MuiTypography-root-MuiDialogTitle-root"
data-testid="dialogTitle"
id="alert-dialog-title"
>
Export tickets
</h2>
<button
aria-label="close"
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium _CloseIcon_62a950 css-78trlr-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="MuiDialogContent-root _DialogContentLeft_62a950 css-ypiqx9-MuiDialogContent-root"
data-testid="dialog-content"
>
<div
class="_FilterContainer_216033"
>
<form
action="#"
>
<div
class="_Form_216033"
>
<div
class="_FieldContainer_216033"
>
<div
class="_Calendar_35e9ec"
data-testid="date-picker-inline"
>
<div
class="MuiFormControl-root MuiTextField-root _CalendarInput_35e9ec undefined css-z3c6am-MuiFormControl-root-MuiTextField-root"
>
<label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined _Label_35e9ec css-14s5rfu-MuiFormLabel-root-MuiInputLabel-root"
data-shrink="false"
for=":r9:"
id=":r9:-label"
>
Date from
</label>
|
|
src/containers/Ticket/TicketList/ExportTicket/ExportTicket.test.tsx > it should validate the start and end dates:
src/containers/Ticket/TicketList/ExportTicket/ExportTicket.test.tsx#L71
TestingLibraryElementError: Unable to find an element with the text: End date should be greater than the start date. 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
<body
style="padding-right: 1024px; overflow: hidden;"
>
<div
aria-hidden="true"
/>
<div
class="MuiDialog-root MuiModal-root css-zw3mfo-MuiModal-root-MuiDialog-root"
data-testid="dialogBox"
role="presentation"
>
<div
aria-hidden="true"
class="MuiBackdrop-root _BackdropRoot_62a950 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 _Dialogbox_62a950 MuiDialog-scrollPaper _ScrollPaper_62a950 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-describedby="alert-dialog-description"
aria-labelledby="alert-dialog-title"
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper _DialogboxPaper_62a950 MuiDialog-paperScrollPaper MuiDialog-paperWidthSm css-1t1j96h-MuiPaper-root-MuiDialog-paper"
role="dialog"
>
<h2
class="MuiTypography-root MuiTypography-h6 MuiDialogTitle-root _DialogTitleLeft_62a950 _DialogTitle_62a950 css-bdhsul-MuiTypography-root-MuiDialogTitle-root"
data-testid="dialogTitle"
id="alert-dialog-title"
>
Export tickets
</h2>
<button
aria-label="close"
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium _CloseIcon_62a950 css-78trlr-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="MuiDialogContent-root _DialogContentLeft_62a950 css-ypiqx9-MuiDialogContent-root"
data-testid="dialog-content"
>
<div
class="_FilterContainer_216033"
>
<form
action="#"
>
<div
class="_Form_216033"
>
<div
class="_FieldContainer_216033"
>
<div
class="_Calendar_35e9ec"
data-testid="date-picker-inline"
>
<div
class="MuiFormControl-root MuiTextField-root _CalendarInput_35e9ec undefined css-z3c6am-MuiFormControl-root-MuiTextField-root"
>
<label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined _Label_35e9ec css-14s5rfu-MuiFormLabel-root-MuiInputLabel-root"
data-shrink="false"
for=":rg:"
id=":rg:-label"
>
Date from
|
|
CI
Process completed with exit code 1.
|
|
CI
The following actions uses node12 which is deprecated and will be forced to run on node16: actions/checkout@v2. For more info: https://github.blog/changelog/2023-06-13-github-actions-all-actions-will-run-on-node16-instead-of-node12-by-default/
|
|
CI
The following actions uses Node.js version which is deprecated and will be forced to run on node20: actions/checkout@v2, actions/setup-node@v3. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|