Merge branch 'feature/style-fixes' into release/summer-2024 #1170
villepynttarici.yml
on: push
Check code style
11s
Deploy backend to staging
0s
Deploy backend to prod
0s
Deploy frontend to staging
0s
Deploy frontend to prod
0s
Annotations
6 errors
|
src/components/CurrentBooking/CurrentBooking.test.tsx > CurrentBooking > renders alter booking drawer:
frontend/src/components/CurrentBooking/CurrentBooking.test.tsx#L98
AssertionError: expected null to be truthy
Ignored nodes: comments, script, style
<html>
<head />
<body
style="padding-right: 1024px; overflow: hidden;"
>
<div
aria-hidden="true"
/>
<div
aria-hidden="true"
>
<div
class="MuiBox-root css-0"
id="current booking"
>
<div
id="drawer-container"
>
<div
class="css-1ytz6dp"
/>
</div>
<h6
class="MuiTypography-root MuiTypography-subtitle1 css-v9fhim-MuiTypography-root"
>
booked to you
</h6>
<ul
class="MuiList-root MuiList-padding css-1u169s7-MuiList-root"
>
<li>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1748c4l-MuiPaper-root-MuiCard-root"
data-testid="AvailableRoomListCard"
style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12); --border: 1px solid #443938;"
>
<div
class="MuiButtonBase-root MuiCardActionArea-root css-1oitmrd-MuiButtonBase-root-MuiCardActionArea-root"
data-testid="CardActiveArea"
role="button"
tabindex="0"
>
<div
class="MuiBox-root css-48kdkj"
>
<div
class="MuiBox-root css-1symit1"
>
<div
class="MuiStack-root css-92lseh-MuiStack-root"
>
<div
class="MuiBox-root css-8atqhb"
>
<h2
class="MuiTypography-root MuiTypography-h2 css-1f2bzac-MuiTypography-root"
data-testid="BookingRoomTitle"
>
Amor
</h2>
</div>
<div
class="MuiBox-root css-8uw9dg"
>
<h4
class="MuiTypography-root MuiTypography-h4 MuiTypography-alignLeft css-jjkrmn-MuiTypography-root"
style="--Typography-textAlign: left;"
>
NaNth
floor
</h4>
</div>
</div>
<div
class="MuiBox-root css-q34z5m"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-20bmp1-MuiSvgIcon-root"
data-testid="PeopleIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3m-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3m0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5m8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5"
/>
</svg>
<h3
class="MuiTypography-root MuiTypography-h3 css-l63r1a-MuiTypography-root"
>
4
</h3>
</div>
</div>
<div
class="MuiBox-root css-14i9vv"
>
<div
class="MuiBox-root css-13brihr"
>
<div
class="MuiStack-root css-1uneopc-MuiStack-root"
>
<svg
|
|
src/components/DurationTimePickerDrawer/DurationTimePickerDrawer.test.tsx > Duration selection from picker > test with value 01:45 is selected when confirmed:
frontend/src/components/DurationTimePickerDrawer/DurationTimePickerDrawer.test.tsx#L93
TestingLibraryElementError: Found multiple elements with the role "button"
Here are the matching elements:
Ignored nodes: comments, script, style
<button
aria-label="close"
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-cdk56j-MuiButtonBase-root-MuiIconButton-root"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-20bmp1-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>
Ignored nodes: comments, script, style
<button
aria-label="confirm"
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-c9a9yl-MuiButtonBase-root-MuiButton-root"
tabindex="0"
type="button"
>
Confirm
<span
class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
/>
</button>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body
style="padding-right: 1024px; overflow: hidden;"
>
<div
aria-hidden="true"
/>
<div
aria-hidden="true"
>
<div
class="css-1ytz6dp"
/>
</div>
<div
class="MuiDrawer-root MuiDrawer-modal MuiModal-root css-1u2w381-MuiModal-root-MuiDrawer-root"
data-testid="BottomDrawer"
role="presentation"
style="position: relative; width: 100%; max-width: 1000px; z-index: 2000;"
>
<div
aria-hidden="true"
class="MuiBackdrop-root MuiModal-backdrop css-i9fmh8-MuiBackdrop-root-MuiModal-backdrop"
style="opacity: 1; 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-elevation16 MuiDrawer-paper MuiDrawer-paperAnchorBottom css-dl7nww-MuiPaper-root-MuiDrawer-paper"
style="--Paper-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12);"
tabindex="-1"
>
<div
class="MuiBox-root css-14k932c"
>
<div
class="MuiBox-root css-0"
style="display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 1000px;"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-20bmp1-MuiSvgIcon-root"
data-testid="AccessTimeIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"
/>
<path
d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"
/>
</svg>
<div
class="MuiStack-root css-m69qwo-MuiStack-root"
>
<p
class="MuiTypography-root MuiTypography-body1 css-dto8ec-MuiTypography-root"
>
Custom duration
</p>
</div>
<button
aria-label="close"
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-cdk56j-MuiButtonBase-root-MuiIconButton-root"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-20bmp1-MuiSvgIcon-root"
data-testid="CloseIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M19 6.41 17.59 5 12 10.59 6.
|
|
src/components/StartingTimePickerDrawer/StartingTimePickerDrawer.test.tsx > Starting time selection from drawer > test with now + 30min is setted as starting time when confirm is clicked:
frontend/src/components/StartingTimePickerDrawer/StartingTimePickerDrawer.test.tsx#L108
AssertionError: expected "spy" to be called with arguments: [ '05:30' ]
Received:
1st spy call:
Array [
- "05:30",
+ "Now",
]
Number of calls: 1
❯ src/components/StartingTimePickerDrawer/StartingTimePickerDrawer.test.tsx:108:41
|
|
src/components/util/TimeLeft.test.tsx > TimeLeft > shows time left as hours and minutes:
frontend/src/components/util/TimeLeft.test.tsx#L27
Error: expect(element).toHaveTextContent()
Expected element to have text content:
Time Left: 1 h 29 min
Received:
1 h 29 min
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="MuiBox-root css-tkevr6"
>
<div
class="MuiBox-root css-18biwo"
>
<div
class="MuiStack-root css-1oxswqj-MuiStack-root"
>
<span
aria-label="Time left text"
class="MuiTypography-root MuiTypography-body1 css-1edfpdg-MuiTypography-root"
data-testid="TimeLeftLabelTest"
style="line-height: 1;"
>
Time Left:
</span>
<span
aria-label="Time left text"
class="MuiTypography-root MuiTypography-body1 css-1ub6n32-MuiTypography-root"
data-testid="TimeLeftTest"
style="line-height: 1;"
>
1 h 29 min
</span>
</div>
</div>
</div>
</div>
</body>
</html>
❯ src/components/util/TimeLeft.test.tsx:27:35
❯ runWithExpensiveErrorDiagnosticsDisabled node_modules/@testing-library/dom/dist/config.js:47:12
❯ checkCallback node_modules/@testing-library/dom/dist/wait-for.js:124:77
❯ Timeout.checkRealTimersCallback node_modules/@testing-library/dom/dist/wait-for.js:118:16
|
|
src/components/util/TimeLeft.test.tsx > TimeLeft > shows time left as minutes:
frontend/src/components/util/TimeLeft.test.tsx#L44
Error: expect(element).toHaveTextContent()
Expected element to have text content:
/Time Left: 4[45] min/
Received:
44 min
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="MuiBox-root css-tkevr6"
>
<div
class="MuiBox-root css-18biwo"
>
<div
class="MuiStack-root css-1oxswqj-MuiStack-root"
>
<span
aria-label="Time left text"
class="MuiTypography-root MuiTypography-body1 css-1edfpdg-MuiTypography-root"
data-testid="TimeLeftLabelTest"
style="line-height: 1;"
>
Time Left:
</span>
<span
aria-label="Time left text"
class="MuiTypography-root MuiTypography-body1 css-1ub6n32-MuiTypography-root"
data-testid="TimeLeftTest"
style="line-height: 1;"
>
44 min
</span>
</div>
</div>
</div>
</div>
</body>
</html>
❯ src/components/util/TimeLeft.test.tsx:44:35
❯ runWithExpensiveErrorDiagnosticsDisabled node_modules/@testing-library/dom/dist/config.js:47:12
❯ checkCallback node_modules/@testing-library/dom/dist/wait-for.js:124:77
❯ Timeout.checkRealTimersCallback node_modules/@testing-library/dom/dist/wait-for.js:118:16
|
|
Test frontend
Process completed with exit code 1.
|
Artifacts
Produced during runtime
| Name | Size | |
|---|---|---|
|
backend-build
|
45.8 KB |
|
|
frontend-build
|
3.11 MB |
|