feat: reflect predefined filters in the channel list ordering #8907
MartinCupelaci.yml
on: pull_request
Build & Validate
27s
ESLint & Prettier
34s
Test
2m 23s
Matrix: Deploy Vite Example to Vercel
Annotations
16 errors
|
Build & Validate
Process completed with exit code 1.
|
|
Build & Validate
Property 'predefined_filter' does not exist on type 'Channel[]'.
|
|
Build & Validate
Property 'channels' does not exist on type 'Channel[]'.
|
|
Build & Validate
Property 'channels' does not exist on type 'Channel[]'.
|
|
Build & Validate
Property 'channels' does not exist on type 'Channel[]'.
|
|
Build & Validate
Object literal may only specify known properties, and 'withResponse' does not exist in type 'ChannelStateOptions'.
|
|
src/components/ChannelList/__tests__/ChannelList.test.tsx > ChannelList > Default and custom active channel > should call `setActiveChannel` prop function with first channel as param:
src/components/ChannelList/__tests__/ChannelList.test.tsx#L598
AssertionError: expected "vi.fn()" to be called 1 times, but got 0 times
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="str-chat str-chat__channel-list"
>
<div
class="str-chat__channel-list__header"
>
<div
class="str-chat__channel-list__header__title"
>
Chats
</div>
</div>
<div
class="str-chat__channel-list-inner"
>
<div
aria-label="aria/Channel list"
class="str-chat__channel-list-inner__main"
role="listbox"
>
<div
class="str-chat__channel-list-empty"
>
<svg
aria-hidden="true"
class="str-chat__icon str-chat__icon--message-bubbles"
focusable="false"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12.8076 6.25836C13.7525 6.30974 14.6692 6.59868 15.4728 7.09845C16.2764 7.59821 16.941 8.29265 17.4049 9.11746C17.8688 9.94227 18.1172 10.8708 18.1269 11.8171C18.1367 12.7634 17.9075 13.6968 17.4607 14.531L18.0982 16.6998C18.1298 16.8075 18.1319 16.9217 18.1041 17.0304C18.0764 17.1392 18.0198 17.2385 17.9405 17.3178C17.8611 17.3972 17.7618 17.4537 17.6531 17.4815C17.5443 17.5092 17.4301 17.5072 17.3224 17.4756L15.156 16.8357C14.4404 17.2184 13.6504 17.4419 12.8404 17.4907C12.0303 17.5396 11.2192 17.4127 10.4628 17.1188C9.70632 16.8249 9.02237 16.3708 8.45781 15.7878C7.89325 15.2049 7.46143 14.5067 7.19195 13.7412M2.53882 10.781C1.90215 9.59158 1.71418 8.21294 2.00918 6.89647C2.30419 5.58 3.06253 4.41341 4.14591 3.60942C5.22929 2.80543 6.56555 2.4176 7.91103 2.51665C9.2565 2.6157 10.5216 3.19503 11.4755 4.149C12.4295 5.10297 13.0088 6.36803 13.1079 7.7135C13.2069 9.05898 12.8191 10.3952 12.0151 11.4786C11.2111 12.562 10.0445 13.3203 8.72806 13.6153C7.41159 13.9104 6.03295 13.7224 4.84351 13.0857L2.67476 13.7232C2.56707 13.7548 2.45285 13.7569 2.3441 13.7291C2.23535 13.7014 2.13608 13.6448 2.05671 13.5655C1.97735 13.4861 1.92082 13.3868 1.89307 13.2781C1.86531 13.1693 1.86735 13.0551 1.89898 12.9474L2.53882 10.781Z"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
/>
</svg>
<p
role="listitem"
>
No conversations yet
</p>
</div>
</div>
</div>
<div
aria-label="aria/Notifications"
class="str-chat__notification-list str-chat__notification-list--enter-from-bottom str-chat__notification-list--position-bottom str-chat__notification-list--channel-list"
data-testid="notification-list"
role="region"
style="--str-chat__notification-list-enter-x: 0%; --str-chat__notification-list-enter-y: 100%;"
>
<div
aria-hidden="true"
class="str-chat__notification-list__edge str-chat__notification-list__edge--top"
/>
<div
class="str-chat__notification str-chat__notification--enter-from-bottom str-chat__notification--is-entering str-chat__notification--error"
data-testid="notification"
>
<div
class="str-chat__notification-content"
>
<div
class="str-chat__notification-icon"
>
<svg
aria-hidden="true"
class="str-chat__icon str-chat__icon--exclamation-mark"
focusable="false"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.75 10C16.75 6.27208 13.7279 3.25 10 3.25C6.27208 3.25 3.25 6.27208 3.25 10C3.25 13.7279 6.27208 16.75 10 16.75C13.7279 16.75 16.75 13.7279 16
|
|
src/components/ChannelList/__tests__/ChannelList.test.tsx > ChannelList > allows to customize latest message preview generation:
src/components/ChannelList/__tests__/ChannelList.test.tsx#L572
TestingLibraryElementError: Unable to find an element with the text: Nothing yet.... 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>
<span
data-testid="notification-announcer"
style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px;"
>
<div
aria-atomic="true"
aria-live="polite"
role="status"
/>
<div
aria-atomic="true"
aria-live="assertive"
role="alert"
>
Error notification: Failed to load channels
</div>
</span>
<div
class="str-chat messaging light str-chat__channel-list"
>
<div
class="str-chat__channel-list__header"
>
<div
class="str-chat__channel-list__header__title"
>
Chats
</div>
</div>
<div
aria-label="Notifications"
class="str-chat__notification-list str-chat__notification-list--enter-from-bottom str-chat__notification-list--position-bottom str-chat__notification-list--channel-list"
data-testid="notification-list"
role="region"
style="--str-chat__notification-list-enter-x: 0%; --str-chat__notification-list-enter-y: 100%;"
>
<div
aria-hidden="true"
class="str-chat__notification-list__edge str-chat__notification-list__edge--top"
/>
<div
class="str-chat__notification str-chat__notification--enter-from-bottom str-chat__notification--is-entering str-chat__notification--error"
data-testid="notification"
>
<div
class="str-chat__notification-content"
>
<div
class="str-chat__notification-icon"
>
<svg
aria-hidden="true"
class="str-chat__icon str-chat__icon--exclamation-mark"
focusable="false"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.75 10C16.75 6.27208 13.7279 3.25 10 3.25C6.27208 3.25 3.25 6.27208 3.25 10C3.25 13.7279 6.27208 16.75 10 16.75C13.7279 16.75 16.75 13.7279 16.75 10ZM18.25 10C18.25 14.5563 14.5563 18.25 10 18.25C5.44365 18.25 1.75 14.5563 1.75 10C1.75 5.44365 5.44365 1.75 10 1.75C14.5563 1.75 18.25 5.44365 18.25 10Z"
/>
<path
d="M9.25 10.625V6.25C9.25 5.83579 9.58579 5.5 10 5.5C10.4142 5.5 10.75 5.83579 10.75 6.25V10.625C10.75 11.0392 10.4142 11.375 10 11.375C9.58579 11.375 9.25 11.0392 9.25 10.625Z"
/>
<path
d="M10 14.375C10.5178 14.375 10.9375 13.9553 10.9375 13.4375C10.9375 12.9197 10.5178 12.5 10 12.5C9.48223 12.5 9.0625 12.9197 9.0625 13.4375C9.0625 13.9553 9.48223 14.375 10 14.375Z"
/>
</svg>
</div>
<div
aria-atomic="true"
aria-live="assertive"
class="str-chat__notification-message"
role="alert"
>
Failed to load channels
</div>
</div>
</div>
<div
aria-hidden="true"
class="str-chat__notification-list__edge str-chat__notification-list__edge--bottom"
/>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<span
data-testid="notification-announcer"
style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px;"
>
<div
aria-atomic="true"
aria-live="polite"
role="status"
/>
<div
aria-atomic="true"
aria-live="assertive"
rol
|
|
src/components/ChannelList/__tests__/ChannelList.test.tsx > ChannelList > should show unique channels:
src/components/ChannelList/__tests__/ChannelList.test.tsx#L533
TestingLibraryElementError: Unable to find an element by: [data-testid="yKKqmd-dXzyPA6cUVRzuj"]
Ignored nodes: comments, script, style
<body>
<div>
<span
data-testid="notification-announcer"
style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px;"
>
<div
aria-atomic="true"
aria-live="polite"
role="status"
/>
<div
aria-atomic="true"
aria-live="assertive"
role="alert"
>
Error notification: Failed to load channels
</div>
</span>
<div
class="str-chat messaging light str-chat__channel-list"
>
<div
class="str-chat__channel-list__header"
>
<div
class="str-chat__channel-list__header__title"
>
Chats
</div>
</div>
<div
aria-label="Notifications"
class="str-chat__notification-list str-chat__notification-list--enter-from-bottom str-chat__notification-list--position-bottom str-chat__notification-list--channel-list"
data-testid="notification-list"
role="region"
style="--str-chat__notification-list-enter-x: 0%; --str-chat__notification-list-enter-y: 100%;"
>
<div
aria-hidden="true"
class="str-chat__notification-list__edge str-chat__notification-list__edge--top"
/>
<div
class="str-chat__notification str-chat__notification--enter-from-bottom str-chat__notification--is-entering str-chat__notification--error"
data-testid="notification"
>
<div
class="str-chat__notification-content"
>
<div
class="str-chat__notification-icon"
>
<svg
aria-hidden="true"
class="str-chat__icon str-chat__icon--exclamation-mark"
focusable="false"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.75 10C16.75 6.27208 13.7279 3.25 10 3.25C6.27208 3.25 3.25 6.27208 3.25 10C3.25 13.7279 6.27208 16.75 10 16.75C13.7279 16.75 16.75 13.7279 16.75 10ZM18.25 10C18.25 14.5563 14.5563 18.25 10 18.25C5.44365 18.25 1.75 14.5563 1.75 10C1.75 5.44365 5.44365 1.75 10 1.75C14.5563 1.75 18.25 5.44365 18.25 10Z"
/>
<path
d="M9.25 10.625V6.25C9.25 5.83579 9.58579 5.5 10 5.5C10.4142 5.5 10.75 5.83579 10.75 6.25V10.625C10.75 11.0392 10.4142 11.375 10 11.375C9.58579 11.375 9.25 11.0392 9.25 10.625Z"
/>
<path
d="M10 14.375C10.5178 14.375 10.9375 13.9553 10.9375 13.4375C10.9375 12.9197 10.5178 12.5 10 12.5C9.48223 12.5 9.0625 12.9197 9.0625 13.4375C9.0625 13.9553 9.48223 14.375 10 14.375Z"
/>
</svg>
</div>
<div
aria-atomic="true"
aria-live="assertive"
class="str-chat__notification-message"
role="alert"
>
Failed to load channels
</div>
</div>
</div>
<div
aria-hidden="true"
class="str-chat__notification-list__edge str-chat__notification-list__edge--bottom"
/>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<span
data-testid="notification-announcer"
style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px;"
>
<div
aria-atomic="true"
aria-live="polite"
role="status"
/>
<div
aria-atomic="true"
aria-live="assertive"
role="alert"
>
Error notification: Failed to load channels
</div>
</span>
<div
class="str-chat messaging light
|
|
src/components/ChannelList/__tests__/ChannelList.test.tsx > ChannelList > when queryChannels api returns no channels, `EmptyStateIndicator` should be rendered:
src/components/ChannelList/__tests__/ChannelList.test.tsx#L513
TestingLibraryElementError: Unable to find an element by: [data-testid="empty-state-indicator"]
Ignored nodes: comments, script, style
<body>
<div>
<span
data-testid="notification-announcer"
style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px;"
>
<div
aria-atomic="true"
aria-live="polite"
role="status"
/>
<div
aria-atomic="true"
aria-live="assertive"
role="alert"
>
Error notification: Failed to load channels
</div>
</span>
<div
class="str-chat messaging light str-chat__channel-list"
>
<div
class="str-chat__channel-list__header"
>
<div
class="str-chat__channel-list__header__title"
>
Chats
</div>
</div>
<div
data-testid="error-indicator"
/>
<div
aria-label="Notifications"
class="str-chat__notification-list str-chat__notification-list--enter-from-bottom str-chat__notification-list--position-bottom str-chat__notification-list--channel-list"
data-testid="notification-list"
role="region"
style="--str-chat__notification-list-enter-x: 0%; --str-chat__notification-list-enter-y: 100%;"
>
<div
aria-hidden="true"
class="str-chat__notification-list__edge str-chat__notification-list__edge--top"
/>
<div
class="str-chat__notification str-chat__notification--enter-from-bottom str-chat__notification--is-entering str-chat__notification--error"
data-testid="notification"
>
<div
class="str-chat__notification-content"
>
<div
class="str-chat__notification-icon"
>
<svg
aria-hidden="true"
class="str-chat__icon str-chat__icon--exclamation-mark"
focusable="false"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.75 10C16.75 6.27208 13.7279 3.25 10 3.25C6.27208 3.25 3.25 6.27208 3.25 10C3.25 13.7279 6.27208 16.75 10 16.75C13.7279 16.75 16.75 13.7279 16.75 10ZM18.25 10C18.25 14.5563 14.5563 18.25 10 18.25C5.44365 18.25 1.75 14.5563 1.75 10C1.75 5.44365 5.44365 1.75 10 1.75C14.5563 1.75 18.25 5.44365 18.25 10Z"
/>
<path
d="M9.25 10.625V6.25C9.25 5.83579 9.58579 5.5 10 5.5C10.4142 5.5 10.75 5.83579 10.75 6.25V10.625C10.75 11.0392 10.4142 11.375 10 11.375C9.58579 11.375 9.25 11.0392 9.25 10.625Z"
/>
<path
d="M10 14.375C10.5178 14.375 10.9375 13.9553 10.9375 13.4375C10.9375 12.9197 10.5178 12.5 10 12.5C9.48223 12.5 9.0625 12.9197 9.0625 13.4375C9.0625 13.9553 9.48223 14.375 10 14.375Z"
/>
</svg>
</div>
<div
aria-atomic="true"
aria-live="assertive"
class="str-chat__notification-message"
role="alert"
>
Failed to load channels
</div>
</div>
</div>
<div
aria-hidden="true"
class="str-chat__notification-list__edge str-chat__notification-list__edge--bottom"
/>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<span
data-testid="notification-announcer"
style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px;"
>
<div
aria-atomic="true"
aria-live="polite"
role="status"
/>
<div
aria-atomic="true"
aria-live="assertive"
role="alert"
>
Error notification: Failed to load channels
</div>
<
|
|
src/components/ChannelList/__tests__/ChannelList.test.tsx > ChannelList > ChannelPreview UI components should render `Avatar` when the custom prop is provided:
src/components/ChannelList/__tests__/ChannelList.test.tsx#L489
TestingLibraryElementError: Unable to find an element by: [data-testid="custom-avatar-messenger"]
Ignored nodes: comments, script, style
<body>
<div>
<span
data-testid="notification-announcer"
style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px;"
>
<div
aria-atomic="true"
aria-live="polite"
role="status"
/>
<div
aria-atomic="true"
aria-live="assertive"
role="alert"
>
Error notification: Failed to load channels
</div>
</span>
<div
class="str-chat messaging light str-chat__channel-list"
>
<div
class="str-chat__channel-list__header"
>
<div
class="str-chat__channel-list__header__title"
>
Chats
</div>
</div>
<div
aria-label="Notifications"
class="str-chat__notification-list str-chat__notification-list--enter-from-bottom str-chat__notification-list--position-bottom str-chat__notification-list--channel-list"
data-testid="notification-list"
role="region"
style="--str-chat__notification-list-enter-x: 0%; --str-chat__notification-list-enter-y: 100%;"
>
<div
aria-hidden="true"
class="str-chat__notification-list__edge str-chat__notification-list__edge--top"
/>
<div
class="str-chat__notification str-chat__notification--enter-from-bottom str-chat__notification--is-entering str-chat__notification--error"
data-testid="notification"
>
<div
class="str-chat__notification-content"
>
<div
class="str-chat__notification-icon"
>
<svg
aria-hidden="true"
class="str-chat__icon str-chat__icon--exclamation-mark"
focusable="false"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.75 10C16.75 6.27208 13.7279 3.25 10 3.25C6.27208 3.25 3.25 6.27208 3.25 10C3.25 13.7279 6.27208 16.75 10 16.75C13.7279 16.75 16.75 13.7279 16.75 10ZM18.25 10C18.25 14.5563 14.5563 18.25 10 18.25C5.44365 18.25 1.75 14.5563 1.75 10C1.75 5.44365 5.44365 1.75 10 1.75C14.5563 1.75 18.25 5.44365 18.25 10Z"
/>
<path
d="M9.25 10.625V6.25C9.25 5.83579 9.58579 5.5 10 5.5C10.4142 5.5 10.75 5.83579 10.75 6.25V10.625C10.75 11.0392 10.4142 11.375 10 11.375C9.58579 11.375 9.25 11.0392 9.25 10.625Z"
/>
<path
d="M10 14.375C10.5178 14.375 10.9375 13.9553 10.9375 13.4375C10.9375 12.9197 10.5178 12.5 10 12.5C9.48223 12.5 9.0625 12.9197 9.0625 13.4375C9.0625 13.9553 9.48223 14.375 10 14.375Z"
/>
</svg>
</div>
<div
aria-atomic="true"
aria-live="assertive"
class="str-chat__notification-message"
role="alert"
>
Failed to load channels
</div>
</div>
</div>
<div
aria-hidden="true"
class="str-chat__notification-list__edge str-chat__notification-list__edge--bottom"
/>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<span
data-testid="notification-announcer"
style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px;"
>
<div
aria-atomic="true"
aria-live="polite"
role="status"
/>
<div
aria-atomic="true"
aria-live="assertive"
role="alert"
>
Error notification: Failed to load channels
</div>
</span>
<div
class="str-chat messaging ligh
|
|
src/components/ChannelList/__tests__/ChannelList.test.tsx > ChannelList > should keep loaded channels visible and add a notification when loading more fails:
src/components/ChannelList/__tests__/ChannelList.test.tsx#L398
TestingLibraryElementError: Unable to find an element by: [data-testid="frG4zF46cb7NY6qnloook"]
Ignored nodes: comments, script, style
<body>
<div>
<span
data-testid="notification-announcer"
style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px;"
>
<div
aria-atomic="true"
aria-live="polite"
role="status"
/>
<div
aria-atomic="true"
aria-live="assertive"
role="alert"
>
Error notification: Failed to load channels
</div>
</span>
<div
class="str-chat messaging light str-chat__channel-list"
>
<div
class="str-chat__channel-list__header"
>
<div
class="str-chat__channel-list__header__title"
>
Chats
</div>
</div>
<div
data-testid="error-indicator"
/>
<div
aria-label="Notifications"
class="str-chat__notification-list str-chat__notification-list--enter-from-bottom str-chat__notification-list--position-bottom str-chat__notification-list--channel-list"
data-testid="notification-list"
role="region"
style="--str-chat__notification-list-enter-x: 0%; --str-chat__notification-list-enter-y: 100%;"
>
<div
aria-hidden="true"
class="str-chat__notification-list__edge str-chat__notification-list__edge--top"
/>
<div
class="str-chat__notification str-chat__notification--enter-from-bottom str-chat__notification--is-entering str-chat__notification--error"
data-testid="notification"
>
<div
class="str-chat__notification-content"
>
<div
class="str-chat__notification-icon"
>
<svg
aria-hidden="true"
class="str-chat__icon str-chat__icon--exclamation-mark"
focusable="false"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.75 10C16.75 6.27208 13.7279 3.25 10 3.25C6.27208 3.25 3.25 6.27208 3.25 10C3.25 13.7279 6.27208 16.75 10 16.75C13.7279 16.75 16.75 13.7279 16.75 10ZM18.25 10C18.25 14.5563 14.5563 18.25 10 18.25C5.44365 18.25 1.75 14.5563 1.75 10C1.75 5.44365 5.44365 1.75 10 1.75C14.5563 1.75 18.25 5.44365 18.25 10Z"
/>
<path
d="M9.25 10.625V6.25C9.25 5.83579 9.58579 5.5 10 5.5C10.4142 5.5 10.75 5.83579 10.75 6.25V10.625C10.75 11.0392 10.4142 11.375 10 11.375C9.58579 11.375 9.25 11.0392 9.25 10.625Z"
/>
<path
d="M10 14.375C10.5178 14.375 10.9375 13.9553 10.9375 13.4375C10.9375 12.9197 10.5178 12.5 10 12.5C9.48223 12.5 9.0625 12.9197 9.0625 13.4375C9.0625 13.9553 9.48223 14.375 10 14.375Z"
/>
</svg>
</div>
<div
aria-atomic="true"
aria-live="assertive"
class="str-chat__notification-message"
role="alert"
>
Failed to load channels
</div>
</div>
</div>
<div
aria-hidden="true"
class="str-chat__notification-list__edge str-chat__notification-list__edge--bottom"
/>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<span
data-testid="notification-announcer"
style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px;"
>
<div
aria-atomic="true"
aria-live="polite"
role="status"
/>
<div
aria-atomic="true"
aria-live="assertive"
role="alert"
>
Error notification: Failed to load channels
</div>
<
|
|
src/components/ChannelList/__tests__/ChannelList.test.tsx > ChannelList > should only show filtered channels when a filter function prop is provided:
src/components/ChannelList/__tests__/ChannelList.test.tsx#L261
TestingLibraryElementError: Unable to find role="list"
Ignored nodes: comments, script, style
<body>
<div />
</body>
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div />
</body>
</html>
❯ waitForWrapper node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ src/components/ChannelList/__tests__/ChannelList.test.tsx:261:11
|
|
src/components/ChannelList/__tests__/ChannelList.test.tsx > ChannelList > should re-query channels when filters change:
src/components/ChannelList/__tests__/ChannelList.test.tsx#L139
TestingLibraryElementError: Unable to find role="list"
Ignored nodes: comments, script, style
<body>
<div>
<span
data-testid="notification-announcer"
style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px;"
>
<div
aria-atomic="true"
aria-live="polite"
role="status"
/>
<div
aria-atomic="true"
aria-live="assertive"
role="alert"
>
Error notification: Failed to load channels
</div>
</span>
<div
class="str-chat messaging light str-chat__channel-list"
>
<div
class="str-chat__channel-list__header"
>
<div
class="str-chat__channel-list__header__title"
>
Chats
</div>
</div>
<div
data-testid="error-indicator"
/>
<div
aria-label="Notifications"
class="str-chat__notification-list str-chat__notification-list--enter-from-bottom str-chat__notification-list--position-bottom str-chat__notification-list--channel-list"
data-testid="notification-list"
role="region"
style="--str-chat__notification-list-enter-x: 0%; --str-chat__notification-list-enter-y: 100%;"
>
<div
aria-hidden="true"
class="str-chat__notification-list__edge str-chat__notification-list__edge--top"
/>
<div
class="str-chat__notification str-chat__notification--enter-from-bottom str-chat__notification--is-entering str-chat__notification--error"
data-testid="notification"
>
<div
class="str-chat__notification-content"
>
<div
class="str-chat__notification-icon"
>
<svg
aria-hidden="true"
class="str-chat__icon str-chat__icon--exclamation-mark"
focusable="false"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.75 10C16.75 6.27208 13.7279 3.25 10 3.25C6.27208 3.25 3.25 6.27208 3.25 10C3.25 13.7279 6.27208 16.75 10 16.75C13.7279 16.75 16.75 13.7279 16.75 10ZM18.25 10C18.25 14.5563 14.5563 18.25 10 18.25C5.44365 18.25 1.75 14.5563 1.75 10C1.75 5.44365 5.44365 1.75 10 1.75C14.5563 1.75 18.25 5.44365 18.25 10Z"
/>
<path
d="M9.25 10.625V6.25C9.25 5.83579 9.58579 5.5 10 5.5C10.4142 5.5 10.75 5.83579 10.75 6.25V10.625C10.75 11.0392 10.4142 11.375 10 11.375C9.58579 11.375 9.25 11.0392 9.25 10.625Z"
/>
<path
d="M10 14.375C10.5178 14.375 10.9375 13.9553 10.9375 13.4375C10.9375 12.9197 10.5178 12.5 10 12.5C9.48223 12.5 9.0625 12.9197 9.0625 13.4375C9.0625 13.9553 9.48223 14.375 10 14.375Z"
/>
</svg>
</div>
<div
aria-atomic="true"
aria-live="assertive"
class="str-chat__notification-message"
role="alert"
>
Failed to load channels
</div>
</div>
</div>
<div
aria-hidden="true"
class="str-chat__notification-list__edge str-chat__notification-list__edge--bottom"
/>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<span
data-testid="notification-announcer"
style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px;"
>
<div
aria-atomic="true"
aria-live="polite"
role="status"
/>
<div
aria-atomic="true"
aria-live="assertive"
role="alert"
>
Error notification: Failed to load channels
</div>
</span>
<div
class="str-chat
|
|
Unhandled error:
src/components/ChannelList/__tests__/ChannelList.test.tsx#L2203
TypeError: Cannot read properties of undefined (reading 'map')
❯ channelsToIdString src/components/ChannelList/__tests__/ChannelList.test.tsx:2203:57
❯ ChannelListCustom src/components/ChannelList/__tests__/ChannelList.test.tsx:2213:22
❯ Object.react-stack-bottom-frame node_modules/react-dom/cjs/react-dom-client.development.js:22428:20
❯ renderWithHooks node_modules/react-dom/cjs/react-dom-client.development.js:5757:22
❯ updateFunctionComponent node_modules/react-dom/cjs/react-dom-client.development.js:8018:19
❯ beginWork node_modules/react-dom/cjs/react-dom-client.development.js:9683:18
❯ runWithFiberInDEV node_modules/react-dom/cjs/react-dom-client.development.js:543:16
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom-client.development.js:15052:22
❯ workLoopSync node_modules/react-dom/cjs/react-dom-client.development.js:14870:41
❯ renderRootSync node_modules/react-dom/cjs/react-dom-client.development.js:14850:11
This error originated in "src/components/ChannelList/__tests__/ChannelList.test.tsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
The latest test that might've caused the error is "allows to set the new list of channels". It might mean one of the following:
- The error was thrown, while Vitest was running this test.
- If the error occurred after the test had been completed, this was the last documented test before it was thrown.
|
|
Unhandled error:
src/components/ChannelList/__tests__/ChannelList.test.tsx#L236
TypeError: Cannot read properties of undefined (reading 'filter')
❯ customFilterFunction src/components/ChannelList/__tests__/ChannelList.test.tsx:236:16
❯ UnMemoizedChannelList src/components/ChannelList/ChannelList.tsx:278:7
❯ Object.react-stack-bottom-frame node_modules/react-dom/cjs/react-dom-client.development.js:22428:20
❯ renderWithHooks node_modules/react-dom/cjs/react-dom-client.development.js:5757:22
❯ updateFunctionComponent node_modules/react-dom/cjs/react-dom-client.development.js:8018:19
❯ updateSimpleMemoComponent node_modules/react-dom/cjs/react-dom-client.development.js:7869:14
❯ beginWork node_modules/react-dom/cjs/react-dom-client.development.js:10111:18
❯ runWithFiberInDEV node_modules/react-dom/cjs/react-dom-client.development.js:543:16
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom-client.development.js:15052:22
❯ workLoopSync node_modules/react-dom/cjs/react-dom-client.development.js:14870:41
This error originated in "src/components/ChannelList/__tests__/ChannelList.test.tsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
The latest test that might've caused the error is "should only show filtered channels when a filter function prop is provided". It might mean one of the following:
- The error was thrown, while Vitest was running this test.
- If the error occurred after the test had been completed, this was the last documented test before it was thrown.
|