From 4b7087a2cfb61f05f9bd1db1b79c256b2b9891d1 Mon Sep 17 00:00:00 2001 From: DanConwayDev Date: Fri, 19 Jan 2024 00:00:00 +0000 Subject: [PATCH] refactor: wrap navbar component so component can have ui tests --- __snapshots__/navbar--default.png | Bin 9165 -> 8540 bytes __snapshots__/navbar--logged-in.png | Bin 0 -> 13568 bytes __snapshots__/navbar--nip-07-loading.png | Bin 0 -> 8539 bytes __snapshots__/navbar.test.js.snap | 74 ++++++++++++++++++++++- src/lib/components/Navbar.stories.svelte | 15 ++++- src/lib/components/Navbar.svelte | 22 +++---- src/lib/wrappers/Navbar.svelte | 18 ++++++ src/routes/+layout.svelte | 2 +- 8 files changed, 113 insertions(+), 18 deletions(-) create mode 100644 __snapshots__/navbar--logged-in.png create mode 100644 __snapshots__/navbar--nip-07-loading.png create mode 100644 src/lib/wrappers/Navbar.svelte diff --git a/__snapshots__/navbar--default.png b/__snapshots__/navbar--default.png index 3ae5af19211da6b3fe0945659ccbd04d8098e210..77ca76e6033f9b8ae734c412bd9fc7dfe26be517 100644 GIT binary patch literal 8540 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 diff --git a/__snapshots__/navbar--logged-in.png b/__snapshots__/navbar--logged-in.png new file mode 100644 index 0000000000000000000000000000000000000000..9040bb864e0c41456ebb1d07d7d8b45cd57d92dd GIT binary patch literal 13568 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 BSLgr$ literal 0 HcmV?d00001 diff --git a/__snapshots__/navbar--nip-07-loading.png b/__snapshots__/navbar--nip-07-loading.png new file mode 100644 index 0000000000000000000000000000000000000000..f3faedf1896fc967dcf8b57ac908d721d499ce6c GIT binary patch literal 8539 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 literal 0 HcmV?d00001 diff --git a/__snapshots__/navbar.test.js.snap b/__snapshots__/navbar.test.js.snap index a14465d..d63c371 100644 --- a/__snapshots__/navbar.test.js.snap +++ b/__snapshots__/navbar.test.js.snap @@ -21,8 +21,78 @@ exports[`Navbar Default smoke-test 1`] = ` + + + +`; + +exports[`Navbar Logged in smoke-test 1`] = ` +
+
+
+ +
+
+
+`; + +exports[`Navbar NIP07 Loading smoke-test 1`] = ` +
+
+
+ diff --git a/src/lib/components/Navbar.stories.svelte b/src/lib/components/Navbar.stories.svelte index f8ff29a..e32143d 100644 --- a/src/lib/components/Navbar.stories.svelte +++ b/src/lib/components/Navbar.stories.svelte @@ -2,6 +2,7 @@ import type { Meta } from "@storybook/svelte"; import Navbar from "$lib/components/Navbar.svelte"; import { Story, Template } from "@storybook/addon-svelte-csf"; + import { UserVectors } from "$lib/components/users/vectors"; export const meta: Meta = { title: "Navbar", @@ -16,6 +17,16 @@ - + - + + + + + diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte index d921b66..c8c9f69 100644 --- a/src/lib/components/Navbar.svelte +++ b/src/lib/components/Navbar.svelte @@ -1,15 +1,11 @@
@@ -24,14 +20,14 @@