[1팀 이은지] Chapter 3-1. 프런트엔드 테스트 코드 #64
Open
Annotations
4 errors
|
|
|
src/__tests__/medium.integration.spec.tsx#L356
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "일정 수정"
Here are the accessible roles:
heading:
Name "일정 추가":
<h4
class="MuiTypography-root MuiTypography-h4 css-f84ov1-MuiTypography-root"
/>
Name "일정 보기":
<h4
class="MuiTypography-root MuiTypography-h4 css-f84ov1-MuiTypography-root"
/>
Name "2025년 10월":
<h5
class="MuiTypography-root MuiTypography-h5 css-16xl4zq-MuiTypography-root"
/>
--------------------------------------------------
textbox:
Name "제목":
<input
aria-invalid="false"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall css-1pzfmz2-MuiInputBase-input-MuiOutlinedInput-input"
id="title"
type="text"
value=""
/>
Name "설명":
<input
aria-invalid="false"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall css-1pzfmz2-MuiInputBase-input-MuiOutlinedInput-input"
id="description"
type="text"
value=""
/>
Name "위치":
<input
aria-invalid="false"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall css-1pzfmz2-MuiInputBase-input-MuiOutlinedInput-input"
id="location"
type="text"
value=""
/>
Name "일정 검색":
<input
aria-invalid="false"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall css-1pzfmz2-MuiInputBase-input-MuiOutlinedInput-input"
id="search"
placeholder="검색어를 입력하세요"
type="text"
value=""
/>
--------------------------------------------------
combobox:
Name "":
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-labelledby="category"
class="MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall css-trm6af-MuiNativeSelect-root-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input"
id="category"
role="combobox"
tabindex="0"
/>
Name "":
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-labelledby="notification"
class="MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall css-trm6af-MuiNativeSelect-root-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input"
id="notification"
role="combobox"
tabindex="0"
/>
Name "":
<div
aria-expanded="false"
aria-haspopup="listbox"
class="MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall css-trm6af-MuiNativeSelect-root-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input"
role="combobox"
tabindex="0"
/>
--------------------------------------------------
checkbox:
Name "반복 일정":
<input
checked=""
class="PrivateSwitchBase-input css-12xagqm-MuiSwitchBase-root"
data-indeterminate="false"
type="checkbox"
/>
--------------------------------------------------
button:
Name "일정 추가":
<button
class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-74d805-MuiButtonBase-root-MuiButton-root"
data-testid="event-submit-button"
tabindex="0"
type="button"
/>
Name "Previous":
<button
aria-label="Previous"
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-53g0n7-MuiButtonBase-root-MuiIconButton-root"
tabindex="0"
type="button"
/>
Name "Next":
<button
aria-label="Next"
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-53g0n7-MuiButtonBase-root-MuiIconButton-root"
tabindex="0"
type="button"
/>
Name "Edit event":
<button
aria-label="Edit event"
class="MuiButtonBase-root Mui-focusVisible MuiIconButton-root MuiIconButton-sizeMedium css-53g0n7-MuiButtonBase-root-MuiIconButton-root"
tabindex="0"
type="button"
/>
Name "Delete event
|
|
src/__tests__/medium.integration.spec.tsx#L219
TestingLibraryElementError: Unable to find an element with the text: 신정. 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=""
>
<div>
<div
class="MuiBox-root css-1brn287"
>
<div
class="MuiStack-root css-ywpscz-MuiStack-root"
>
<div
class="MuiStack-root css-sldt5f-MuiStack-root"
>
<h4
class="MuiTypography-root MuiTypography-h4 css-f84ov1-MuiTypography-root"
>
일정 추가
</h4>
<div
class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
>
<label
class="MuiFormLabel-root MuiFormLabel-colorPrimary css-nwsdb5-MuiFormLabel-root"
for="title"
>
제목
</label>
<div
class="MuiFormControl-root MuiTextField-root css-1xp5r68-MuiFormControl-root-MuiTextField-root"
>
<div
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-sizeSmall css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
>
<input
aria-invalid="false"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall css-1pzfmz2-MuiInputBase-input-MuiOutlinedInput-input"
id="title"
type="text"
value=""
/>
<fieldset
aria-hidden="true"
class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
>
<legend
class="css-1nf2c5d-MuiNotchedOutlined-root"
>
<span
aria-hidden="true"
class="notranslate"
>
</span>
</legend>
</fieldset>
</div>
</div>
</div>
<div
class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
>
<label
class="MuiFormLabel-root MuiFormLabel-colorPrimary css-nwsdb5-MuiFormLabel-root"
for="date"
>
날짜
</label>
<div
class="MuiFormControl-root MuiTextField-root css-1xp5r68-MuiFormControl-root-MuiTextField-root"
>
<div
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-sizeSmall css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
>
<input
aria-invalid="false"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall css-1pzfmz2-MuiInputBase-input-MuiOutlinedInput-input"
id="date"
type="date"
value=""
/>
<fieldset
aria-hidden="true"
class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
>
<legend
class="css-1nf2c5d-MuiNotchedOutlined-root"
>
<span
aria-hidden="true"
class="notranslate"
>
</span>
</legend>
</fieldset>
</div>
</div>
</div>
<div
class="MuiStack-root css-pl8gqh-MuiStack-root"
>
<div
class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
>
|
|
src/__tests__/medium.integration.spec.tsx#L108
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "일정 수정"
Here are the accessible roles:
heading:
Name "일정 추가":
<h4
class="MuiTypography-root MuiTypography-h4 css-f84ov1-MuiTypography-root"
/>
Name "일정 보기":
<h4
class="MuiTypography-root MuiTypography-h4 css-f84ov1-MuiTypography-root"
/>
Name "2025년 10월":
<h5
class="MuiTypography-root MuiTypography-h5 css-16xl4zq-MuiTypography-root"
/>
--------------------------------------------------
textbox:
Name "제목":
<input
aria-invalid="false"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall css-1pzfmz2-MuiInputBase-input-MuiOutlinedInput-input"
id="title"
type="text"
value=""
/>
Name "설명":
<input
aria-invalid="false"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall css-1pzfmz2-MuiInputBase-input-MuiOutlinedInput-input"
id="description"
type="text"
value=""
/>
Name "위치":
<input
aria-invalid="false"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall css-1pzfmz2-MuiInputBase-input-MuiOutlinedInput-input"
id="location"
type="text"
value=""
/>
Name "일정 검색":
<input
aria-invalid="false"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall css-1pzfmz2-MuiInputBase-input-MuiOutlinedInput-input"
id="search"
placeholder="검색어를 입력하세요"
type="text"
value=""
/>
--------------------------------------------------
combobox:
Name "":
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-labelledby="category"
class="MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall css-trm6af-MuiNativeSelect-root-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input"
id="category"
role="combobox"
tabindex="0"
/>
Name "":
<div
aria-expanded="false"
aria-haspopup="listbox"
aria-labelledby="notification"
class="MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall css-trm6af-MuiNativeSelect-root-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input"
id="notification"
role="combobox"
tabindex="0"
/>
Name "":
<div
aria-expanded="false"
aria-haspopup="listbox"
class="MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall css-trm6af-MuiNativeSelect-root-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input"
role="combobox"
tabindex="0"
/>
--------------------------------------------------
checkbox:
Name "반복 일정":
<input
checked=""
class="PrivateSwitchBase-input css-12xagqm-MuiSwitchBase-root"
data-indeterminate="false"
type="checkbox"
/>
--------------------------------------------------
button:
Name "일정 추가":
<button
class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-74d805-MuiButtonBase-root-MuiButton-root"
data-testid="event-submit-button"
tabindex="0"
type="button"
/>
Name "Previous":
<button
aria-label="Previous"
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-53g0n7-MuiButtonBase-root-MuiIconButton-root"
tabindex="0"
type="button"
/>
Name "Next":
<button
aria-label="Next"
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-53g0n7-MuiButtonBase-root-MuiIconButton-root"
tabindex="0"
type="button"
/>
Name "Edit event":
<button
aria-label="Edit event"
class="MuiButtonBase-root Mui-focusVisible MuiIconButton-root MuiIconButton-sizeMedium css-53g0n7-MuiButtonBase-root-MuiIconButton-root"
tabindex="0"
type="button"
/>
Name "Delete event
|
The logs for this run have expired and are no longer available.
Loading