Skip to content

Commit

Permalink
test: add MessageText.test.js.snap
Browse files Browse the repository at this point in the history
  • Loading branch information
MartinCupela committed May 22, 2024
1 parent f30dab2 commit 06f25c5
Showing 1 changed file with 187 additions and 0 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1,187 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`<MessageText /> should render with a custom inner class when one is set 1`] = `
<div
className="str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text"
>
<div
className="str-chat__message-inner"
data-testid="message-inner"
>
<div />
<div
className="str-chat__message-reactions-host"
/>
<div
className="str-chat__message-bubble"
>
<div
className="str-chat__message-text"
tabIndex={0}
>
<div
className="str-chat__message-text-inner str-chat__message-simple-text-inner"
data-testid="message-text-inner-wrapper"
onClick={[Function]}
onMouseOver={[Function]}
>
<div>
<p>
hi mate
</p>
</div>
</div>
</div>
<div
className="str-chat__message-error-icon"
>
<svg
data-testid="error"
fill="none"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2Z"
fill="black"
id="background"
/>
<path
d="M13 17H11V15H13V17ZM13 13H11V7H13V13Z"
fill="white"
/>
</svg>
</div>
</div>
</div>
<div
className="str-chat__message-metadata"
/>
</div>
`;

exports[`<MessageText /> should render with a custom wrapper class when one is set 1`] = `
<div
className="str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text"
>
<div
className="str-chat__message-inner"
data-testid="message-inner"
>
<div />
<div
className="str-chat__message-reactions-host"
/>
<div
className="str-chat__message-bubble"
>
<div
className="str-chat__message-text"
tabIndex={0}
>
<div
className="str-chat__message-text-inner str-chat__message-simple-text-inner"
data-testid="message-text-inner-wrapper"
onClick={[Function]}
onMouseOver={[Function]}
>
<div>
<p>
hello world
</p>
</div>
</div>
</div>
<div
className="str-chat__message-error-icon"
>
<svg
data-testid="error"
fill="none"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2Z"
fill="black"
id="background"
/>
<path
d="M13 17H11V15H13V17ZM13 13H11V7H13V13Z"
fill="white"
/>
</svg>
</div>
</div>
</div>
<div
className="str-chat__message-metadata"
/>
</div>
`;

exports[`<MessageText /> should render with custom theme identifier in generated css classes when theme is set 1`] = `
<div
className="str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text"
>
<div
className="str-chat__message-inner"
data-testid="message-inner"
>
<div />
<div
className="str-chat__message-reactions-host"
/>
<div
className="str-chat__message-bubble"
>
<div
className="str-chat__message-text"
tabIndex={0}
>
<div
className="str-chat__message-text-inner str-chat__message-simple-text-inner"
data-testid="message-text-inner-wrapper"
onClick={[Function]}
onMouseOver={[Function]}
>
<div>
<p>
whatup?!
</p>
</div>
</div>
</div>
<div
className="str-chat__message-error-icon"
>
<svg
data-testid="error"
fill="none"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2Z"
fill="black"
id="background"
/>
<path
d="M13 17H11V15H13V17ZM13 13H11V7H13V13Z"
fill="white"
/>
</svg>
</div>
</div>
</div>
<div
className="str-chat__message-metadata"
/>
</div>
`;

0 comments on commit 06f25c5

Please sign in to comment.