feat(examples): refresh react tutorial app for v14 (#3078) #8431
oliverlazci.yml
on: push
Build & Validate
36s
ESLint & Prettier
34s
Test
1m 49s
Deploy Vite Example to Vercel
1m 6s
Annotations
2 errors
|
Test
Process completed with exit code 1.
|
|
src/components/MessageList/__tests__/MessageList.test.tsx > MessageList > should add new message at the bottom of the list:
src/components/MessageList/__tests__/MessageList.test.tsx#L151
TestingLibraryElementError: Unable to find an element with the text: _Y5V3B0-GGKr5fCRfIYO_. 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="str-chat messaging light str-chat__channel"
id="str-chat__channel"
>
<div
class="str-chat__container"
>
<div
class="str-chat__main-panel-inner str-chat__message-list-main-panel"
>
<div
class="str-chat__message-list"
tabindex="0"
>
<div
class="str-chat__message-list-scroll"
data-testid="reverse-infinite-scroll"
>
<div
class="str-chat__list__loading"
/>
<ul
class="str-chat__ul"
>
<li
data-index="0"
>
<div
class="str-chat__date-separator"
data-date="2026-03-30T14:53:43.847Z"
data-testid="date-separator"
>
<div
class="str-chat__date-separator-date"
>
Today
</div>
</div>
</li>
<li
class="str-chat__li str-chat__li--single"
data-index="1"
data-message-id="i_ZtJTDQRGM8vF94OMsvw"
data-testid="str-chat__li str-chat__li--single"
>
<div
class="str-chat__message str-chat__message--regular str-chat__message--received str-chat__message--has-text str-chat__message--other str-chat__message--with-avatar"
>
<div
class="str-chat__avatar str-chat__avatar--with-border str-chat__avatar--multiple-letters str-chat__avatar--size-md"
data-testid="avatar"
role="button"
title="JhRChp7T6pq6f3_tCwb7e"
>
<img
alt="Jt"
class="str-chat__avatar-image"
data-testid="avatar-img"
src="B2qPctRdj8fCTSgiRzJ0W"
/>
</div>
<div
class="str-chat__message-inner"
data-testid="message-inner"
>
<div
class="str-chat__message-options"
>
<button
aria-expanded="false"
aria-haspopup="true"
aria-label="Open Message Actions Menu"
class="str-chat__button str-chat__button--secondary str-chat__button--ghost str-chat__button--circular str-chat__button--size-sm str-chat__message-actions-box-button str-chat__message-actions-box-button"
data-testid="message-actions-toggle-button"
type="button"
>
<div
class="str-chat__button__content"
>
<svg
class="str-chat__icon str-chat__icon--more str-chat__message-action-icon"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 11.25C10.6904 11.25 11.25 10.6904 11.25 10C11.25 9.30964 10.6904 8.75 10 8.75C9.30964 8.75 8.75 9.30964 8.75 10C8.75 10.6904 9.30964 11.25 10 11.25Z"
/>
<path
d="M4.6875 11.25C5.37786 11.25 5.9375 10.6904
|