[FIX] Events Page Violates The Figma Style Guide #3729
hustlernikpull-request.yml
on: pull_request
Performs linting, formatting, type-checking, checking for different source and target branch
1m 6s
Check for eslint-disable
7s
Check for code coverage disable
11s
Checks if sensitive files have been changed without authorization
6s
Checks if number of files changed is acceptable
6s
Check Target Branch
0s
Check Python Code Style
18s
Check if Talawa Admin app starts (No Docker)
0s
Check if Talawa Admin app starts in Docker
0s
Validate CodeRabbit Approval
0s
Annotations
3 errors and 8 warnings
|
src/components/EventCalendar/EventCalendar.spec.tsx > Calendar > Today button should show today cell:
src/components/EventCalendar/EventCalendar.spec.tsx#L284
TestingLibraryElementError: Unable to find an element by: [data-testid="today"]
Ignored nodes: comments, script, style
<body>
<div>
<div
class="_calendar_658d08"
>
<div
class="_calendar__header_658d08"
>
<button
class="_buttonEventCalendar_658d08 btn btn-outlined"
data-testid="prevmonthordate"
type="button"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
data-testid="ChevronLeftIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"
/>
</svg>
</button>
<div
class="_calendar__header_month_658d08"
data-testid="current-date"
>
2024
<div>
December
</div>
</div>
<button
class="_buttonEventCalendar_658d08 btn btn-outlined"
data-testid="nextmonthordate"
type="button"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
data-testid="ChevronRightIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
/>
</svg>
</button>
</div>
<div
class="_calendar__scroll_658d08 customScroll"
>
<div
class="_calendar__hours_658d08"
>
<div
class="_calendar_hour_block_658d08"
>
<div
class="_calendar_hour_text_container_658d08"
>
<p
class="_calendar_timezone_text_658d08"
>
UTC+00:00
</p>
</div>
<div
class="_dummyWidth_658d08"
/>
<div
class="_event_list_parent_658d08"
>
<div
class="_list_container_658d08"
>
<div
class="_event_list_hour_658d08"
>
<p
class="_no_events_message_658d08"
>
No events available
</p>
</div>
<button
class="_btn__more_658d08"
/>
</div>
</div>
</div>
<div
class="_calendar_infocards_658d08"
>
<div
aria-label="Holidays"
class="_holidays_card_658d08"
role="region"
>
<h3
class="_card_title_658d08"
>
Holidays
</h3>
<ul
class="_card_list_658d08"
>
<li
class="_card_list_item_658d08"
>
<span
class="_holiday_date_658d08"
>
December
25
</span>
<span
class="_holiday_name_658d08"
>
Christmas Day
</span>
</li>
</ul>
</div>
<div
aria-label="Events"
class="_events_card_658d08"
role="region"
>
<h3
class="_card_title_658d08"
>
Events
</h3>
<div
class="_legend_658d08"
>
<div
class="_eventsLegend_658d08"
>
<span
class="_organizationIndicator_658d08"
/>
<span
|
|
src/screens/UserPortal/Events/Events.spec.tsx > Testing Events Screen [User Portal] > Switch to calendar view works as expected.:
src/screens/UserPortal/Events/Events.spec.tsx#L653
TestingLibraryElementError: Unable to find an element with the text: Sun. 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
class=""
style="padding-right: 1024px;"
>
<div>
<div
class="d-flex flex-row"
>
<div
class="_mainContainerEvent_658d08"
>
<div
class="_calendarEventHeader_658d08"
data-testid="calendarEventHeader"
>
<div
class="_calendar__header_658d08"
>
<div
class="_input_658d08"
>
<input
autocomplete="off"
class="_inputField_658d08 form-control"
data-testid="searchEvent"
id="searchEvent"
placeholder="Search Event Name"
required=""
type="text"
value=""
/>
<button
class="_searchButton_658d08 btn btn-primary"
data-testid="searchButton"
style="margin-bottom: 10px;"
type="button"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
data-testid="SearchOutlinedIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
/>
</svg>
</button>
</div>
<div
class="_space_658d08"
>
<div
aria-expanded="false"
class="dropdown"
title="organizationEvents.viewType"
>
<button
aria-expanded="false"
class="_dropdown_658d08 dropdown-toggle btn btn-success"
data-testid="selectViewType"
id="react-aria-:ru:"
type="button"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium me-1 css-1umw9bq-MuiSvgIcon-root"
data-testid="SortIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M3 18h6v-2H3zM3 6v2h18V6zm0 7h12v-2H3z"
/>
</svg>
Month View
</button>
</div>
<div
aria-expanded="false"
class="dropdown"
title="Event Type"
>
<button
aria-expanded="false"
class="_dropdown_658d08 dropdown-toggle btn btn-success"
data-testid="eventType"
id="react-aria-:rv:"
type="button"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium me-1 css-1umw9bq-MuiSvgIcon-root"
data-testid="SortIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M3 18h6v-2H3zM3 6v2h18V6zm0 7h12v-2H3z"
/>
</svg>
Event Type
</button>
</div>
<div
class="_selectTypeEventHeader_658d08"
>
<button
class="_dropdown_658d08 btn btn-success"
data-te
|
|
Test Application
Process completed with exit code 1.
|
|
Check Target Branch
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
Checks if sensitive files have been changed without authorization
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
Checks if number of files changed is acceptable
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
Check for eslint-disable
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
Check for code coverage disable
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
Performs linting, formatting, type-checking, checking for different source and target branch
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
Check Python Code Style
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
Test Application
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|