Skip to content

Commit

Permalink
chore: update snapshots
Browse files Browse the repository at this point in the history
  • Loading branch information
@jamiehenson
jamiehenson committed Sep 6, 2024
1 parent 4905258 commit 5d7a6c1
Show file tree
Hide file tree
Showing 3 changed files with 1,404 additions and 16 deletions.
106 changes: 102 additions & 4 deletions src/core/Code/__snapshots__/Code.stories.tsx.snap
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,105 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`JS Components/Code CodeWithLines smoke-test 1`] = `
<div class="hljs overflow-auto flex p-32 "
data-id="code"
>
<div>
<p class="mr-24 font-mono text-neutral-800 ">
1
</p>
<p class="mr-24 font-mono text-neutral-800 ">
2
</p>
<p class="mr-24 font-mono text-neutral-800 ">
3
</p>
<p class="mr-24 font-mono text-neutral-800 ">
4
</p>
<p class="mr-24 font-mono text-neutral-800 ">
5
</p>
<p class="mr-24 font-mono text-neutral-800 ">
6
</p>
<p class="mr-24 font-mono text-neutral-800 ">
7
</p>
</div>
<pre lang="javascript">
<code class="language-javascript ui-text-code">
<span class="hljs-keyword">
var
</span>
ably =
<span class="hljs-keyword">
new
</span>
<span class="hljs-title class_">
Ably
</span>
.
<span class="hljs-title class_">
Realtime
</span>
(
<span class="hljs-string">
'1WChTA.mc0Biw:kNfiYG4KiPgmHHgH'
</span>
);
<span class="hljs-keyword">
var
</span>
channel = ably.
<span class="hljs-property">
channels
</span>
.
<span class="hljs-title function_">
get
</span>
(
<span class="hljs-string">
'web-pal'
</span>
);
<span class="hljs-comment">
// Subscribe to messages on channel
</span>
channel.
<span class="hljs-title function_">
subscribe
</span>
(
<span class="hljs-string">
'greeting'
</span>
,
<span class="hljs-keyword">
function
</span>
(
<span class="hljs-params">
message
</span>
) {
<span class="hljs-title function_">
alert
</span>
(message.
<span class="hljs-property">
data
</span>
);
});
</code>
</pre>
</div>
`;

exports[`JS Components/Code Java smoke-test 1`] = `
<div class="hljs overflow-auto p-32 "
<div class="hljs overflow-auto flex p-32 "
data-id="code"
>
<pre lang="java">
Expand Down Expand Up @@ -82,7 +180,7 @@ channel.subscribe(
`;

exports[`JS Components/Code Javascript smoke-test 1`] = `
<div class="hljs overflow-auto p-32 "
<div class="hljs overflow-auto flex p-32 "
data-id="code"
>
<pre lang="javascript">
Expand Down Expand Up @@ -157,7 +255,7 @@ exports[`JS Components/Code Javascript smoke-test 1`] = `
`;

exports[`JS Components/Code Kotlin smoke-test 1`] = `
<div class="hljs overflow-auto p-32 "
<div class="hljs overflow-auto flex p-32 "
data-id="code"
>
<pre lang="kotlin">
Expand Down Expand Up @@ -212,7 +310,7 @@ exports[`JS Components/Code Kotlin smoke-test 1`] = `
`;

exports[`JS Components/Code Swift smoke-test 1`] = `
<div class="hljs overflow-auto p-32 "
<div class="hljs overflow-auto flex p-32 "
data-id="code"
>
<pre lang="swift">
Expand Down
48 changes: 36 additions & 12 deletions src/core/ProductTile/__snapshots__/ProductTile.stories.tsx.snap
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,32 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`JS Components/Product Tile ProductTileWithOverriddenStylesAndClick smoke-test 1`] = `
<div class="rounded-lg p-12 flex flex-col gap-8 transition-colors bg-neutral-1200 hover:bg-neutral-1100 bg-pink-800 hover:bg-pink-600 cursor-pointer">
<div class="flex gap-12">
<svg class=" "
style="width: 48px; height: 48px;"
>
<use xlink:href="#sprite-icon-product-pubsub-encapsulated">
</use>
</svg>
<div class="flex flex-col justify-center ">
<p class="ui-text-p3 text-neutral-500 font-medium">
Ably
</p>
<p class="ui-text-p2 text-neutral-300 font-bold mt-[-3px]">
PubSub
</p>
</div>
</div>
<p class="ui-text-p3 text-neutral-700 font-medium leading-snug">
Low-level APIs to build any realtime experience
</p>
</div>
`;
exports[`JS Components/Product Tile ProductTiles smoke-test 1`] = `
<div class="grid sm:grid-cols-3 gap-32">
<div class="rounded-lg p-12 flex flex-col gap-8 transition-colors bg-neutral-1200 hover:bg-neutral-1100">
<div class="rounded-lg p-12 flex flex-col gap-8 transition-colors bg-neutral-1200 hover:bg-neutral-1100 ">
<div class="flex gap-12">
<svg class=" "
style="width: 48px; height: 48px;"
Expand All @@ -23,7 +47,7 @@ exports[`JS Components/Product Tile ProductTiles smoke-test 1`] = `
Low-level APIs to build any realtime experience
</p>
</div>
<div class="rounded-lg p-12 flex flex-col gap-8 transition-colors bg-neutral-1200 hover:bg-neutral-1100">
<div class="rounded-lg p-12 flex flex-col gap-8 transition-colors bg-neutral-1200 hover:bg-neutral-1100 ">
<div class="flex gap-12">
<svg class=" "
style="width: 48px; height: 48px;"
Expand All @@ -44,7 +68,7 @@ exports[`JS Components/Product Tile ProductTiles smoke-test 1`] = `
Rapidly build chat features and roll-out at scale
</p>
</div>
<div class="rounded-lg p-12 flex flex-col gap-8 transition-colors bg-neutral-1200 hover:bg-neutral-1100">
<div class="rounded-lg p-12 flex flex-col gap-8 transition-colors bg-neutral-1200 hover:bg-neutral-1100 ">
<div class="flex gap-12">
<svg class=" "
style="width: 48px; height: 48px;"
Expand All @@ -65,7 +89,7 @@ exports[`JS Components/Product Tile ProductTiles smoke-test 1`] = `
Create collaborative environments in a few lines of code
</p>
</div>
<div class="rounded-lg p-12 flex flex-col gap-8 transition-colors bg-neutral-1200 hover:bg-neutral-1100">
<div class="rounded-lg p-12 flex flex-col gap-8 transition-colors bg-neutral-1200 hover:bg-neutral-1100 ">
<div class="flex gap-12">
<svg class=" "
style="width: 48px; height: 48px;"
Expand All @@ -86,7 +110,7 @@ exports[`JS Components/Product Tile ProductTiles smoke-test 1`] = `
Sync database changes with frontend clients
</p>
</div>
<div class="rounded-lg p-12 flex flex-col gap-8 transition-colors bg-neutral-1200 hover:bg-neutral-1100">
<div class="rounded-lg p-12 flex flex-col gap-8 transition-colors bg-neutral-1200 hover:bg-neutral-1100 ">
<div class="flex gap-12">
<svg class=" "
style="width: 48px; height: 48px;"
Expand All @@ -107,7 +131,7 @@ exports[`JS Components/Product Tile ProductTiles smoke-test 1`] = `
Simple APIs to build realtime tracking applications
</p>
</div>
<div class="rounded-lg p-12 flex flex-col gap-8 transition-colors bg-neutral-1200 hover:bg-neutral-1100">
<div class="rounded-lg p-12 flex flex-col gap-8 transition-colors bg-neutral-1200 hover:bg-neutral-1100 ">
<div class="flex gap-12">
<div class="flex flex-row items-center gap-4 ">
<p class="ui-text-p2 text-neutral-500 font-medium">
Expand All @@ -132,7 +156,7 @@ exports[`JS Components/Product Tile ProductTiles smoke-test 1`] = `
exports[`JS Components/Product Tile SelectedProductTiles smoke-test 1`] = `
<div class="grid grid-cols-3 gap-32">
<div class="rounded-lg p-12 flex flex-col gap-8 transition-colors bg-neutral-300">
<div class="rounded-lg p-12 flex flex-col gap-8 transition-colors bg-neutral-300 ">
<div class="flex gap-12">
<svg class=" "
style="width: 48px; height: 48px;"
Expand Down Expand Up @@ -165,7 +189,7 @@ exports[`JS Components/Product Tile SelectedProductTiles smoke-test 1`] = `
</svg>
</a>
</div>
<div class="rounded-lg p-12 flex flex-col gap-8 transition-colors bg-neutral-1200 hover:bg-neutral-1100">
<div class="rounded-lg p-12 flex flex-col gap-8 transition-colors bg-neutral-1200 hover:bg-neutral-1100 ">
<div class="flex gap-12">
<svg class=" "
style="width: 48px; height: 48px;"
Expand All @@ -186,7 +210,7 @@ exports[`JS Components/Product Tile SelectedProductTiles smoke-test 1`] = `
Rapidly build chat features and roll-out at scale
</p>
</div>
<div class="rounded-lg p-12 flex flex-col gap-8 transition-colors bg-neutral-300">
<div class="rounded-lg p-12 flex flex-col gap-8 transition-colors bg-neutral-300 ">
<div class="flex gap-12">
<svg class=" "
style="width: 48px; height: 48px;"
Expand Down Expand Up @@ -219,7 +243,7 @@ exports[`JS Components/Product Tile SelectedProductTiles smoke-test 1`] = `
</svg>
</a>
</div>
<div class="rounded-lg p-12 flex flex-col gap-8 transition-colors bg-neutral-1200 hover:bg-neutral-1100">
<div class="rounded-lg p-12 flex flex-col gap-8 transition-colors bg-neutral-1200 hover:bg-neutral-1100 ">
<div class="flex gap-12">
<svg class=" "
style="width: 48px; height: 48px;"
Expand All @@ -240,7 +264,7 @@ exports[`JS Components/Product Tile SelectedProductTiles smoke-test 1`] = `
Sync database changes with frontend clients
</p>
</div>
<div class="rounded-lg p-12 flex flex-col gap-8 transition-colors bg-neutral-300">
<div class="rounded-lg p-12 flex flex-col gap-8 transition-colors bg-neutral-300 ">
<div class="flex gap-12">
<svg class=" "
style="width: 48px; height: 48px;"
Expand Down Expand Up @@ -273,7 +297,7 @@ exports[`JS Components/Product Tile SelectedProductTiles smoke-test 1`] = `
</svg>
</a>
</div>
<div class="rounded-lg p-12 flex flex-col gap-8 transition-colors bg-neutral-1200 hover:bg-neutral-1100">
<div class="rounded-lg p-12 flex flex-col gap-8 transition-colors bg-neutral-1200 hover:bg-neutral-1100 ">
<div class="flex gap-12">
<div class="flex flex-row items-center gap-4 ">
<p class="ui-text-p2 text-neutral-500 font-medium">
Expand Down
Loading

0 comments on commit 5d7a6c1

Please sign in to comment.