hslee2008firebase-hosting-merge.yml
on: push
build_and_deploy
34s
Annotations
10 errors and 2 warnings
|
test/DecimalPoint.test.js > CheckBox Decimal Point > [CheckBox 2] Test with 35%:
node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js#L344
TestingLibraryElementError: Unable to find an element with the text: 35. 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>
<button
data-testid="yes-decimal"
/>
<button
data-testid="no-decimal"
/>
<div
class="flex align-center"
>
<button
data-testid="yes-mid"
/>
<button
data-testid="no-mid"
/>
<div
class="mb20 bx--form-item"
>
<div
class="bx--select"
>
<label
class="bx--label"
for="ccs-0.oqr41tx407"
>
</label>
<div
class="bx--select-input__wrapper"
>
<select
class="bx--select-input"
id="ccs-0.oqr41tx407"
>
<option
class="bx--select-option"
value="With midterm"
>
With midterm
</option>
<option
class="bx--select-option"
value="Without midterm"
>
Without midterm
</option>
</select>
<svg
aria-hidden="true"
class="bx--select__arrow"
fill="currentColor"
height="16"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 22L6 12 7.4 10.6 16 19.2 24.6 10.6 26 12z"
/>
</svg>
</div>
</div>
</div>
</div>
<div
id="dynamic-div"
>
<h1
class="mb25"
>
Finals Calculator
</h1>
</div>
<div
class="mb20 flex"
style="justify-content: center;"
>
<div
class="bx--form-item"
>
<div
class="bx--number bx--number--helpertext bx--number--xl"
>
<label
class="bx--label"
for="ccs-0.n7t34ajgsz"
>
Midterm and Finals each weight
</label>
<div
class="bx--number__input-wrapper"
>
<input
aria-describedby="error-ccs-0.n7t34ajgsz"
id="ccs-0.n7t34ajgsz"
max="45"
min="5"
pattern="[0-9]*"
step="5"
type="number"
/>
<div
class="bx--number__controls"
>
<button
aria-label="Decrement number"
class="bx--number__control-btn down-icon"
tabindex="-1"
title="Decrement number"
type="button"
>
<svg
aria-hidden="true"
class="down-icon"
fill="currentColor"
height="16"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8 15H24V17H8z"
/>
</svg>
</button>
<div
class="bx--number__rule-divider"
/>
<button
aria-label="Increment number"
class="bx--number__control-btn up-icon"
tabindex="-1"
title="Increment number"
type="button"
>
<svg
aria-hid
|
|
test/DecimalPoint.test.js > CheckBox Decimal Point > [CheckBox 3] Test without Midterm, 60 (max):
node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js#L344
TestingLibraryElementError: Unable to find an element with the text: 60. 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>
<button
data-testid="yes-decimal"
/>
<button
data-testid="no-decimal"
/>
<div
class="flex align-center"
>
<button
data-testid="yes-mid"
/>
<button
data-testid="no-mid"
/>
<div
class="mb20 bx--form-item"
>
<div
class="bx--select"
>
<label
class="bx--label"
for="ccs-0.1ug5sw8ror7"
>
</label>
<div
class="bx--select-input__wrapper"
>
<select
class="bx--select-input"
id="ccs-0.1ug5sw8ror7"
>
<option
class="bx--select-option"
value="With midterm"
>
With midterm
</option>
<option
class="bx--select-option"
value="Without midterm"
>
Without midterm
</option>
</select>
<svg
aria-hidden="true"
class="bx--select__arrow"
fill="currentColor"
height="16"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 22L6 12 7.4 10.6 16 19.2 24.6 10.6 26 12z"
/>
</svg>
</div>
</div>
</div>
</div>
<div
id="dynamic-div"
>
<h1
class="mb25"
>
Finals Calculator
</h1>
</div>
<div
class="mb20 flex"
style="justify-content: center;"
>
<div
class="bx--form-item"
>
<div
class="bx--number bx--number--helpertext bx--number--xl"
>
<label
class="bx--label"
for="ccs-0.6r0labr3fpr"
>
Finals weight
</label>
<div
class="bx--number__input-wrapper"
>
<input
aria-describedby="error-ccs-0.6r0labr3fpr"
id="ccs-0.6r0labr3fpr"
max="95"
min="5"
pattern="[0-9]*"
step="5"
type="number"
/>
<div
class="bx--number__controls"
>
<button
aria-label="Decrement number"
class="bx--number__control-btn down-icon"
tabindex="-1"
title="Decrement number"
type="button"
>
<svg
aria-hidden="true"
class="down-icon"
fill="currentColor"
height="16"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8 15H24V17H8z"
/>
</svg>
</button>
<div
class="bx--number__rule-divider"
/>
<button
aria-label="Increment number"
class="bx--number__control-btn up-icon"
tabindex="-1"
title="Increment number"
type="button"
>
<svg
aria-hidden="true"
|
|
test/WithMidtermCalculation.test.js > Calculate 25 percentage, 100 midterm, 50 performance evaluation:
node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js#L344
TestingLibraryElementError: Unable to find an element with the text: 25. 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>
<button
data-testid="yes-decimal"
/>
<button
data-testid="no-decimal"
/>
<div
class="flex align-center"
>
<button
data-testid="yes-mid"
/>
<button
data-testid="no-mid"
/>
<div
class="mb20 bx--form-item"
>
<div
class="bx--select"
>
<label
class="bx--label"
for="ccs-0.n9bea6kaq2"
>
</label>
<div
class="bx--select-input__wrapper"
>
<select
class="bx--select-input"
id="ccs-0.n9bea6kaq2"
>
<option
class="bx--select-option"
value="With midterm"
>
With midterm
</option>
<option
class="bx--select-option"
value="Without midterm"
>
Without midterm
</option>
</select>
<svg
aria-hidden="true"
class="bx--select__arrow"
fill="currentColor"
height="16"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 22L6 12 7.4 10.6 16 19.2 24.6 10.6 26 12z"
/>
</svg>
</div>
</div>
</div>
</div>
<div
id="dynamic-div"
>
<h1
class="mb25"
>
Finals Calculator
</h1>
</div>
<div
class="mb20 flex"
style="justify-content: center;"
>
<div
class="bx--form-item"
>
<div
class="bx--number bx--number--helpertext bx--number--xl"
>
<label
class="bx--label"
for="ccs-0.d93r7yrxbs5"
>
Midterm and Finals each weight
</label>
<div
class="bx--number__input-wrapper"
>
<input
aria-describedby="error-ccs-0.d93r7yrxbs5"
id="ccs-0.d93r7yrxbs5"
max="45"
min="5"
pattern="[0-9]*"
step="5"
type="number"
/>
<div
class="bx--number__controls"
>
<button
aria-label="Decrement number"
class="bx--number__control-btn down-icon"
tabindex="-1"
title="Decrement number"
type="button"
>
<svg
aria-hidden="true"
class="down-icon"
fill="currentColor"
height="16"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8 15H24V17H8z"
/>
</svg>
</button>
<div
class="bx--number__rule-divider"
/>
<button
aria-label="Increment number"
class="bx--number__control-btn up-icon"
tabindex="-1"
title="Increment number"
type="button"
>
<svg
aria-
|
|
test/WithMidtermCalculation.test.js > Calculate 25 percentage, 100 midterm, 45 performance evaluation:
node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js#L344
TestingLibraryElementError: Unable to find an element with the text: 25. 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>
<button
data-testid="yes-decimal"
/>
<button
data-testid="no-decimal"
/>
<div
class="flex align-center"
>
<button
data-testid="yes-mid"
/>
<button
data-testid="no-mid"
/>
<div
class="mb20 bx--form-item"
>
<div
class="bx--select"
>
<label
class="bx--label"
for="ccs-0.ysco9cpafd"
>
</label>
<div
class="bx--select-input__wrapper"
>
<select
class="bx--select-input"
id="ccs-0.ysco9cpafd"
>
<option
class="bx--select-option"
value="With midterm"
>
With midterm
</option>
<option
class="bx--select-option"
value="Without midterm"
>
Without midterm
</option>
</select>
<svg
aria-hidden="true"
class="bx--select__arrow"
fill="currentColor"
height="16"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 22L6 12 7.4 10.6 16 19.2 24.6 10.6 26 12z"
/>
</svg>
</div>
</div>
</div>
</div>
<div
id="dynamic-div"
>
<h1
class="mb25"
>
Finals Calculator
</h1>
</div>
<div
class="mb20 flex"
style="justify-content: center;"
>
<div
class="bx--form-item"
>
<div
class="bx--number bx--number--helpertext bx--number--xl"
>
<label
class="bx--label"
for="ccs-0.vcjas4ssw6o"
>
Midterm and Finals each weight
</label>
<div
class="bx--number__input-wrapper"
>
<input
aria-describedby="error-ccs-0.vcjas4ssw6o"
id="ccs-0.vcjas4ssw6o"
max="45"
min="5"
pattern="[0-9]*"
step="5"
type="number"
/>
<div
class="bx--number__controls"
>
<button
aria-label="Decrement number"
class="bx--number__control-btn down-icon"
tabindex="-1"
title="Decrement number"
type="button"
>
<svg
aria-hidden="true"
class="down-icon"
fill="currentColor"
height="16"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8 15H24V17H8z"
/>
</svg>
</button>
<div
class="bx--number__rule-divider"
/>
<button
aria-label="Increment number"
class="bx--number__control-btn up-icon"
tabindex="-1"
title="Increment number"
type="button"
>
<svg
aria-
|
|
test/WithMidtermCalculation.test.js > Calculate 25 percentage, 100 midterm, 40 performance evaluation:
node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js#L344
TestingLibraryElementError: Unable to find an element with the text: 25. 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>
<button
data-testid="yes-decimal"
/>
<button
data-testid="no-decimal"
/>
<div
class="flex align-center"
>
<button
data-testid="yes-mid"
/>
<button
data-testid="no-mid"
/>
<div
class="mb20 bx--form-item"
>
<div
class="bx--select"
>
<label
class="bx--label"
for="ccs-0.tah4plnh6k"
>
</label>
<div
class="bx--select-input__wrapper"
>
<select
class="bx--select-input"
id="ccs-0.tah4plnh6k"
>
<option
class="bx--select-option"
value="With midterm"
>
With midterm
</option>
<option
class="bx--select-option"
value="Without midterm"
>
Without midterm
</option>
</select>
<svg
aria-hidden="true"
class="bx--select__arrow"
fill="currentColor"
height="16"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 22L6 12 7.4 10.6 16 19.2 24.6 10.6 26 12z"
/>
</svg>
</div>
</div>
</div>
</div>
<div
id="dynamic-div"
>
<h1
class="mb25"
>
Finals Calculator
</h1>
</div>
<div
class="mb20 flex"
style="justify-content: center;"
>
<div
class="bx--form-item"
>
<div
class="bx--number bx--number--helpertext bx--number--xl"
>
<label
class="bx--label"
for="ccs-0.eg79kmgmf8o"
>
Midterm and Finals each weight
</label>
<div
class="bx--number__input-wrapper"
>
<input
aria-describedby="error-ccs-0.eg79kmgmf8o"
id="ccs-0.eg79kmgmf8o"
max="45"
min="5"
pattern="[0-9]*"
step="5"
type="number"
/>
<div
class="bx--number__controls"
>
<button
aria-label="Decrement number"
class="bx--number__control-btn down-icon"
tabindex="-1"
title="Decrement number"
type="button"
>
<svg
aria-hidden="true"
class="down-icon"
fill="currentColor"
height="16"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8 15H24V17H8z"
/>
</svg>
</button>
<div
class="bx--number__rule-divider"
/>
<button
aria-label="Increment number"
class="bx--number__control-btn up-icon"
tabindex="-1"
title="Increment number"
type="button"
>
<svg
aria-
|
|
test/WithMidtermCalculation.test.js > Calculate 25 percentage, 100 midterm, 20 performance evaluation:
node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js#L344
TestingLibraryElementError: Unable to find an element with the text: 25. 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>
<button
data-testid="yes-decimal"
/>
<button
data-testid="no-decimal"
/>
<div
class="flex align-center"
>
<button
data-testid="yes-mid"
/>
<button
data-testid="no-mid"
/>
<div
class="mb20 bx--form-item"
>
<div
class="bx--select"
>
<label
class="bx--label"
for="ccs-0.dkcf4l73byu"
>
</label>
<div
class="bx--select-input__wrapper"
>
<select
class="bx--select-input"
id="ccs-0.dkcf4l73byu"
>
<option
class="bx--select-option"
value="With midterm"
>
With midterm
</option>
<option
class="bx--select-option"
value="Without midterm"
>
Without midterm
</option>
</select>
<svg
aria-hidden="true"
class="bx--select__arrow"
fill="currentColor"
height="16"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 22L6 12 7.4 10.6 16 19.2 24.6 10.6 26 12z"
/>
</svg>
</div>
</div>
</div>
</div>
<div
id="dynamic-div"
>
<h1
class="mb25"
>
Finals Calculator
</h1>
</div>
<div
class="mb20 flex"
style="justify-content: center;"
>
<div
class="bx--form-item"
>
<div
class="bx--number bx--number--helpertext bx--number--xl"
>
<label
class="bx--label"
for="ccs-0.p6c928m5nyt"
>
Midterm and Finals each weight
</label>
<div
class="bx--number__input-wrapper"
>
<input
aria-describedby="error-ccs-0.p6c928m5nyt"
id="ccs-0.p6c928m5nyt"
max="45"
min="5"
pattern="[0-9]*"
step="5"
type="number"
/>
<div
class="bx--number__controls"
>
<button
aria-label="Decrement number"
class="bx--number__control-btn down-icon"
tabindex="-1"
title="Decrement number"
type="button"
>
<svg
aria-hidden="true"
class="down-icon"
fill="currentColor"
height="16"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8 15H24V17H8z"
/>
</svg>
</button>
<div
class="bx--number__rule-divider"
/>
<button
aria-label="Increment number"
class="bx--number__control-btn up-icon"
tabindex="-1"
title="Increment number"
type="button"
>
<svg
ari
|
|
test/WithMidtermCalculation.test.js > Calculate 25 percentage, 100 midterm, 0 performance evaluation:
node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js#L344
TestingLibraryElementError: Unable to find an element with the text: 25. 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>
<button
data-testid="yes-decimal"
/>
<button
data-testid="no-decimal"
/>
<div
class="flex align-center"
>
<button
data-testid="yes-mid"
/>
<button
data-testid="no-mid"
/>
<div
class="mb20 bx--form-item"
>
<div
class="bx--select"
>
<label
class="bx--label"
for="ccs-0.5eihwn8m2jd"
>
</label>
<div
class="bx--select-input__wrapper"
>
<select
class="bx--select-input"
id="ccs-0.5eihwn8m2jd"
>
<option
class="bx--select-option"
value="With midterm"
>
With midterm
</option>
<option
class="bx--select-option"
value="Without midterm"
>
Without midterm
</option>
</select>
<svg
aria-hidden="true"
class="bx--select__arrow"
fill="currentColor"
height="16"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 22L6 12 7.4 10.6 16 19.2 24.6 10.6 26 12z"
/>
</svg>
</div>
</div>
</div>
</div>
<div
id="dynamic-div"
>
<h1
class="mb25"
>
Finals Calculator
</h1>
</div>
<div
class="mb20 flex"
style="justify-content: center;"
>
<div
class="bx--form-item"
>
<div
class="bx--number bx--number--helpertext bx--number--xl"
>
<label
class="bx--label"
for="ccs-0.33wf3bi9rh6"
>
Midterm and Finals each weight
</label>
<div
class="bx--number__input-wrapper"
>
<input
aria-describedby="error-ccs-0.33wf3bi9rh6"
id="ccs-0.33wf3bi9rh6"
max="45"
min="5"
pattern="[0-9]*"
step="5"
type="number"
/>
<div
class="bx--number__controls"
>
<button
aria-label="Decrement number"
class="bx--number__control-btn down-icon"
tabindex="-1"
title="Decrement number"
type="button"
>
<svg
aria-hidden="true"
class="down-icon"
fill="currentColor"
height="16"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8 15H24V17H8z"
/>
</svg>
</button>
<div
class="bx--number__rule-divider"
/>
<button
aria-label="Increment number"
class="bx--number__control-btn up-icon"
tabindex="-1"
title="Increment number"
type="button"
>
<svg
ari
|
|
test/WithMidtermCalculation.test.js > Calculate 25 percentage, 90 midterm, 50 performance evaluation:
node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js#L344
TestingLibraryElementError: Unable to find an element with the text: 25. 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>
<button
data-testid="yes-decimal"
/>
<button
data-testid="no-decimal"
/>
<div
class="flex align-center"
>
<button
data-testid="yes-mid"
/>
<button
data-testid="no-mid"
/>
<div
class="mb20 bx--form-item"
>
<div
class="bx--select"
>
<label
class="bx--label"
for="ccs-0.l3mb7lk74n"
>
</label>
<div
class="bx--select-input__wrapper"
>
<select
class="bx--select-input"
id="ccs-0.l3mb7lk74n"
>
<option
class="bx--select-option"
value="With midterm"
>
With midterm
</option>
<option
class="bx--select-option"
value="Without midterm"
>
Without midterm
</option>
</select>
<svg
aria-hidden="true"
class="bx--select__arrow"
fill="currentColor"
height="16"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 22L6 12 7.4 10.6 16 19.2 24.6 10.6 26 12z"
/>
</svg>
</div>
</div>
</div>
</div>
<div
id="dynamic-div"
>
<h1
class="mb25"
>
Finals Calculator
</h1>
</div>
<div
class="mb20 flex"
style="justify-content: center;"
>
<div
class="bx--form-item"
>
<div
class="bx--number bx--number--helpertext bx--number--xl"
>
<label
class="bx--label"
for="ccs-0.qkt7aqmkk3d"
>
Midterm and Finals each weight
</label>
<div
class="bx--number__input-wrapper"
>
<input
aria-describedby="error-ccs-0.qkt7aqmkk3d"
id="ccs-0.qkt7aqmkk3d"
max="45"
min="5"
pattern="[0-9]*"
step="5"
type="number"
/>
<div
class="bx--number__controls"
>
<button
aria-label="Decrement number"
class="bx--number__control-btn down-icon"
tabindex="-1"
title="Decrement number"
type="button"
>
<svg
aria-hidden="true"
class="down-icon"
fill="currentColor"
height="16"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8 15H24V17H8z"
/>
</svg>
</button>
<div
class="bx--number__rule-divider"
/>
<button
aria-label="Increment number"
class="bx--number__control-btn up-icon"
tabindex="-1"
title="Increment number"
type="button"
>
<svg
aria-
|
|
test/WithMidtermCalculation.test.js > Calculate 25 percentage, 0 midterm, 50 performance evaluation:
node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js#L344
TestingLibraryElementError: Unable to find an element with the text: 25. 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>
<button
data-testid="yes-decimal"
/>
<button
data-testid="no-decimal"
/>
<div
class="flex align-center"
>
<button
data-testid="yes-mid"
/>
<button
data-testid="no-mid"
/>
<div
class="mb20 bx--form-item"
>
<div
class="bx--select"
>
<label
class="bx--label"
for="ccs-0.xcc2nirmtwd"
>
</label>
<div
class="bx--select-input__wrapper"
>
<select
class="bx--select-input"
id="ccs-0.xcc2nirmtwd"
>
<option
class="bx--select-option"
value="With midterm"
>
With midterm
</option>
<option
class="bx--select-option"
value="Without midterm"
>
Without midterm
</option>
</select>
<svg
aria-hidden="true"
class="bx--select__arrow"
fill="currentColor"
height="16"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 22L6 12 7.4 10.6 16 19.2 24.6 10.6 26 12z"
/>
</svg>
</div>
</div>
</div>
</div>
<div
id="dynamic-div"
>
<h1
class="mb25"
>
Finals Calculator
</h1>
</div>
<div
class="mb20 flex"
style="justify-content: center;"
>
<div
class="bx--form-item"
>
<div
class="bx--number bx--number--helpertext bx--number--xl"
>
<label
class="bx--label"
for="ccs-0.i6tmie2lanf"
>
Midterm and Finals each weight
</label>
<div
class="bx--number__input-wrapper"
>
<input
aria-describedby="error-ccs-0.i6tmie2lanf"
id="ccs-0.i6tmie2lanf"
max="45"
min="5"
pattern="[0-9]*"
step="5"
type="number"
/>
<div
class="bx--number__controls"
>
<button
aria-label="Decrement number"
class="bx--number__control-btn down-icon"
tabindex="-1"
title="Decrement number"
type="button"
>
<svg
aria-hidden="true"
class="down-icon"
fill="currentColor"
height="16"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8 15H24V17H8z"
/>
</svg>
</button>
<div
class="bx--number__rule-divider"
/>
<button
aria-label="Increment number"
class="bx--number__control-btn up-icon"
tabindex="-1"
title="Increment number"
type="button"
>
<svg
ari
|
|
test/WithMidtermCalculation.test.js > Calculate 30 percentage, 100 midterm, 40 performance evaluation:
node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js#L344
TestingLibraryElementError: Unable to find an element with the text: 30. 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>
<button
data-testid="yes-decimal"
/>
<button
data-testid="no-decimal"
/>
<div
class="flex align-center"
>
<button
data-testid="yes-mid"
/>
<button
data-testid="no-mid"
/>
<div
class="mb20 bx--form-item"
>
<div
class="bx--select"
>
<label
class="bx--label"
for="ccs-0.8h7ijgowk8"
>
</label>
<div
class="bx--select-input__wrapper"
>
<select
class="bx--select-input"
id="ccs-0.8h7ijgowk8"
>
<option
class="bx--select-option"
value="With midterm"
>
With midterm
</option>
<option
class="bx--select-option"
value="Without midterm"
>
Without midterm
</option>
</select>
<svg
aria-hidden="true"
class="bx--select__arrow"
fill="currentColor"
height="16"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 22L6 12 7.4 10.6 16 19.2 24.6 10.6 26 12z"
/>
</svg>
</div>
</div>
</div>
</div>
<div
id="dynamic-div"
>
<h1
class="mb25"
>
Finals Calculator
</h1>
</div>
<div
class="mb20 flex"
style="justify-content: center;"
>
<div
class="bx--form-item"
>
<div
class="bx--number bx--number--helpertext bx--number--xl"
>
<label
class="bx--label"
for="ccs-0.zrb08vetggk"
>
Midterm and Finals each weight
</label>
<div
class="bx--number__input-wrapper"
>
<input
aria-describedby="error-ccs-0.zrb08vetggk"
id="ccs-0.zrb08vetggk"
max="45"
min="5"
pattern="[0-9]*"
step="5"
type="number"
/>
<div
class="bx--number__controls"
>
<button
aria-label="Decrement number"
class="bx--number__control-btn down-icon"
tabindex="-1"
title="Decrement number"
type="button"
>
<svg
aria-hidden="true"
class="down-icon"
fill="currentColor"
height="16"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8 15H24V17H8z"
/>
</svg>
</button>
<div
class="bx--number__rule-divider"
/>
<button
aria-label="Increment number"
class="bx--number__control-btn up-icon"
tabindex="-1"
title="Increment number"
type="button"
>
<svg
aria-
|
|
build_and_deploy
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/
|
|
build_and_deploy
The following actions use a deprecated Node.js version and will be forced to run on node20: actions/checkout@v2. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|