Custom certificates UI #4971
Annotations
3 errors
CI
Process completed with exit code 1.
|
CI:
src/containers/Certificates/Certificate.test.tsx#L62
TestingLibraryElementError: Unable to find an element with the text: Add a new Certificate. 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>
<div>
<div
class="_ItemAdd_787cd5"
data-testid="add-container"
>
<div
class="_Heading_7e7077"
data-testid="heading"
>
<div
class="_HeadingWrapper_7e7077"
>
<div
class="_BackIcon_7e7077"
>
<svg
data-testid="back-button"
fill="none"
height="40"
viewBox="0 0 40 40"
width="40"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="20"
cy="20"
fill="white"
r="19.5"
stroke="#CCCCCC"
/>
<path
d="M22.9292 28L15 20L22.9292 12L24.3333 13.4167L17.8083 20L24.3333 26.5833L22.9292 28Z"
fill="#717971"
/>
</svg>
</div>
<div>
<div
class="_HeadingTitle_7e7077"
>
<div
class="_TitleText_7e7077"
data-testid="headerTitle"
>
Google sheet
</div>
</div>
<div
class="_TextHeading_7e7077"
>
Please enter below details.
</div>
</div>
</div>
</div>
<form>
<div
class="_Form_787cd5 "
data-testid="formLayout"
>
<h5
class="MuiTypography-root MuiTypography-h5 _FieldLabel_787cd5 css-ku7d13-MuiTypography-root"
data-testid="formLabel"
>
Label
</h5>
<div
class="_Input_f00ca3"
data-testid="input"
>
<div
class="MuiFormControl-root MuiFormControl-fullWidth css-1b5lkxe-MuiFormControl-root"
>
<div
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl _OutlineInput_f00ca3 css-1o0kqxp-MuiInputBase-root-MuiOutlinedInput-root"
data-testid="outlinedInput"
>
<input
aria-invalid="false"
class="MuiInputBase-input MuiOutlinedInput-input _OutlinedInput_f00ca3 css-1jk99ih-MuiInputBase-input-MuiOutlinedInput-input"
name="label"
type="text"
value=""
/>
<fieldset
aria-hidden="true"
class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
>
<legend
class="css-gpjuor"
>
<span
class="notranslate"
>
</span>
</legend>
</fieldset>
</div>
</div>
</div>
<h5
class="MuiTypography-root MuiTypography-h5 _FieldLabel_787cd5 css-ku7d13-MuiTypography-root"
data-testid="formLabel"
>
Description
</h5>
<div
class="_Input_f00ca3"
data-testid="input"
>
<div
class="MuiFormControl-root MuiFormControl-fullWidth css-1b5lkxe-MuiFormControl-root"
>
<div
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-multiline _OutlineInput_f00ca3 css-zfx7vw-MuiInputBase-root-MuiOutlinedInput-root"
data-testid="outlinedInput"
>
<textarea
|
CI:
src/containers/Certificates/Certificate.test.tsx#L41
TestingLibraryElementError: Unable to find an element with the text: Edit Certificate. 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>
<div>
<div
class="_ItemAdd_787cd5"
data-testid="add-container"
>
<div
class="_Heading_7e7077"
data-testid="heading"
>
<div
class="_HeadingWrapper_7e7077"
>
<div
class="_BackIcon_7e7077"
>
<svg
data-testid="back-button"
fill="none"
height="40"
viewBox="0 0 40 40"
width="40"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="20"
cy="20"
fill="white"
r="19.5"
stroke="#CCCCCC"
/>
<path
d="M22.9292 28L15 20L22.9292 12L24.3333 13.4167L17.8083 20L24.3333 26.5833L22.9292 28Z"
fill="#717971"
/>
</svg>
</div>
<div>
<div
class="_HeadingTitle_7e7077"
>
<div
class="_TitleText_7e7077"
data-testid="headerTitle"
>
Google sheet
</div>
</div>
<div
class="_TextHeading_7e7077"
>
Please enter below details.
</div>
</div>
</div>
</div>
<form>
<div
class="_Form_787cd5 "
data-testid="formLayout"
>
<h5
class="MuiTypography-root MuiTypography-h5 _FieldLabel_787cd5 css-ku7d13-MuiTypography-root"
data-testid="formLabel"
>
Label
</h5>
<div
class="_Input_f00ca3"
data-testid="input"
>
<div
class="MuiFormControl-root MuiFormControl-fullWidth css-1b5lkxe-MuiFormControl-root"
>
<div
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl _OutlineInput_f00ca3 css-1o0kqxp-MuiInputBase-root-MuiOutlinedInput-root"
data-testid="outlinedInput"
>
<input
aria-invalid="false"
class="MuiInputBase-input MuiOutlinedInput-input _OutlinedInput_f00ca3 css-1jk99ih-MuiInputBase-input-MuiOutlinedInput-input"
name="label"
type="text"
value="label 1"
/>
<fieldset
aria-hidden="true"
class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
>
<legend
class="css-gpjuor"
>
<span
class="notranslate"
>
</span>
</legend>
</fieldset>
</div>
</div>
</div>
<h5
class="MuiTypography-root MuiTypography-h5 _FieldLabel_787cd5 css-ku7d13-MuiTypography-root"
data-testid="formLabel"
>
Description
</h5>
<div
class="_Input_f00ca3"
data-testid="input"
>
<div
class="MuiFormControl-root MuiFormControl-fullWidth css-1b5lkxe-MuiFormControl-root"
>
<div
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-multiline _OutlineInput_f00ca3 css-zfx7vw-MuiInputBase-root-MuiOutlinedInput-root"
data-testid="outlinedInput"
>
<textarea
|