Browse Source

test: remove all visual tests

they were inconsistently failing, did not always have great coverage
and required a lot of dependancies and custom configuration to work
with nix
master
DanConwayDev 2 years ago
parent
commit
ed56c1a774
No known key found for this signature in database
GPG Key ID: 68E15486D73F75E1
  1. BIN
      __snapshots__/navbar--default.png
  2. BIN
      __snapshots__/navbar--logged-in.png
  3. BIN
      __snapshots__/navbar--nip-07-exists.png
  4. BIN
      __snapshots__/navbar--nip-07-loading.png
  5. BIN
      __snapshots__/navbar--no-nip-07.png
  6. 201
      __snapshots__/navbar.test.js.snap
  7. BIN
      __snapshots__/proposals-header--author-loading.png
  8. BIN
      __snapshots__/proposals-header--loading.png
  9. BIN
      __snapshots__/proposals-header--long-and-no-spaces.png
  10. BIN
      __snapshots__/proposals-header--long-details.png
  11. BIN
      __snapshots__/proposals-header--short-details.png
  12. 163
      __snapshots__/proposals-header.test.js.snap
  13. BIN
      __snapshots__/proposals-list-item--author-loading.png
  14. BIN
      __snapshots__/proposals-list-item--loading.png
  15. BIN
      __snapshots__/proposals-list-item--long-and-no-spaces.png
  16. BIN
      __snapshots__/proposals-list-item--long-details.png
  17. BIN
      __snapshots__/proposals-list-item--short-details.png
  18. BIN
      __snapshots__/proposals-list-item--status-applied.png
  19. BIN
      __snapshots__/proposals-list-item--status-closed.png
  20. BIN
      __snapshots__/proposals-list-item--status-draft.png
  21. BIN
      __snapshots__/proposals-list-item--status-loading.png
  22. 406
      __snapshots__/proposals-list-item.test.js.snap
  23. BIN
      __snapshots__/proposals-list-list--default.png
  24. BIN
      __snapshots__/proposals-list-list--empty.png
  25. BIN
      __snapshots__/proposals-list-list--loading.png
  26. BIN
      __snapshots__/proposals-list-list--no-title.png
  27. BIN
      __snapshots__/proposals-list-list--partially-loaded.png
  28. 413
      __snapshots__/proposals-list-list.test.js.snap
  29. BIN
      __snapshots__/proposals-status--applied.png
  30. BIN
      __snapshots__/proposals-status--closed.png
  31. BIN
      __snapshots__/proposals-status--draft.png
  32. BIN
      __snapshots__/proposals-status--loading.png
  33. BIN
      __snapshots__/proposals-status--open-edit-mode.png
  34. BIN
      __snapshots__/proposals-status--open.png
  35. 60
      __snapshots__/proposals-status.test.js.snap
  36. BIN
      __snapshots__/repo-details--loading.png
  37. BIN
      __snapshots__/repo-details--long-and-no-spaces.png
  38. BIN
      __snapshots__/repo-details--long-details.png
  39. BIN
      __snapshots__/repo-details--no-clone.png
  40. BIN
      __snapshots__/repo-details--no-description.png
  41. BIN
      __snapshots__/repo-details--no-git-server.png
  42. BIN
      __snapshots__/repo-details--no-maintainers-or-relays.png
  43. BIN
      __snapshots__/repo-details--no-maintainers.png
  44. BIN
      __snapshots__/repo-details--no-name-or-description.png
  45. BIN
      __snapshots__/repo-details--no-relays.png
  46. BIN
      __snapshots__/repo-details--no-tags.png
  47. BIN
      __snapshots__/repo-details--no-web.png
  48. BIN
      __snapshots__/repo-details--one-maintainer-s-profile-has-no-display-name-or-name.png
  49. BIN
      __snapshots__/repo-details--one-maintainer-s-profile-not-loaded.png
  50. BIN
      __snapshots__/repo-details--one-maintainer-s-profile-only-has-display-name-but-no-name.png
  51. BIN
      __snapshots__/repo-details--short-details.png
  52. 1862
      __snapshots__/repo-details.test.js.snap
  53. BIN
      __snapshots__/repo-header--loading.png
  54. BIN
      __snapshots__/repo-header--long-name.png
  55. BIN
      __snapshots__/repo-header--no-name.png
  56. BIN
      __snapshots__/repo-header--short-name.png
  57. 204
      __snapshots__/repo-header.test.js.snap
  58. BIN
      __snapshots__/repo-summary-card--loading.png
  59. BIN
      __snapshots__/repo-summary-card--long-and-no-spaces.png
  60. BIN
      __snapshots__/repo-summary-card--long-details.png
  61. BIN
      __snapshots__/repo-summary-card--multiple-maintainers.png
  62. BIN
      __snapshots__/repo-summary-card--no-details.png
  63. BIN
      __snapshots__/repo-summary-card--short-details.png
  64. 220
      __snapshots__/repo-summary-card.test.js.snap
  65. BIN
      __snapshots__/repo-summary-list--default.png
  66. BIN
      __snapshots__/repo-summary-list--empty.png
  67. BIN
      __snapshots__/repo-summary-list--loading.png
  68. BIN
      __snapshots__/repo-summary-list--multiple-maintainers.png
  69. BIN
      __snapshots__/repo-summary-list--no-title.png
  70. BIN
      __snapshots__/repo-summary-list--partially-loaded.png
  71. 499
      __snapshots__/repo-summary-list.test.js.snap
  72. BIN
      __snapshots__/users-header--default-5-c-13-d-641.png
  73. BIN
      __snapshots__/users-header--display-name-without-name.png
  74. BIN
      __snapshots__/users-header--extra-small.png
  75. BIN
      __snapshots__/users-header--inline-extra-small-loading.png
  76. BIN
      __snapshots__/users-header--inline-extra-small.png
  77. BIN
      __snapshots__/users-header--inline-loading.png
  78. BIN
      __snapshots__/users-header--inline-small-loading.png
  79. BIN
      __snapshots__/users-header--inline-small.png
  80. BIN
      __snapshots__/users-header--inline.png
  81. BIN
      __snapshots__/users-header--loading.png
  82. BIN
      __snapshots__/users-header--long-name-truncated.png
  83. BIN
      __snapshots__/users-header--name-and-display-name-shows-name.png
  84. BIN
      __snapshots__/users-header--no-image.png
  85. BIN
      __snapshots__/users-header--not-found.png
  86. BIN
      __snapshots__/users-header--small.png
  87. 251
      __snapshots__/users-header.test.js.snap
  88. 6
      flake.nix
  89. 16
      package.json
  90. 13
      test-runner-jest.config.js
  91. 9
      test-runner-snapshotresolver.js
  92. 2015
      yarn.lock

BIN
__snapshots__/navbar--default.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

BIN
__snapshots__/navbar--logged-in.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

BIN
__snapshots__/navbar--nip-07-exists.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

BIN
__snapshots__/navbar--nip-07-loading.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

BIN
__snapshots__/navbar--no-nip-07.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

201
__snapshots__/navbar.test.js.snap

@ -1,201 +0,0 @@ @@ -1,201 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Navbar Default smoke-test 1`] = `
<div class="bg-base-400">
<div class="mx-auto lg:container">
<div class="px-3">
<div class="navbar">
<div class="navbar-start">
<a href="/about"
class="btn btn-ghost btn-sm normal-case"
>
About
</a>
</div>
<div class="navbar-center">
<a class="align-middle text-lg"
href="/"
>
<span class="text-purple-600">
git
</span>
<span class="text-white">
workshop
</span>
<span class="text-neutral">
.dev
</span>
</a>
</div>
<div class="navbar-end gap-4">
<div class="skeleton h-8 w-20">
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Navbar Logged in smoke-test 1`] = `
<div class="bg-base-400">
<div class="mx-auto lg:container">
<div class="px-3">
<div class="navbar">
<div class="navbar-start">
<a href="/about"
class="btn btn-ghost btn-sm normal-case"
>
About
</a>
</div>
<div class="navbar-center">
<a class="align-middle text-lg"
href="/"
>
<span class="text-purple-600">
git
</span>
<span class="text-white">
workshop
</span>
<span class="text-neutral">
.dev
</span>
</a>
</div>
<div class="navbar-end gap-4">
<div>
<div class="my-2 text-md flex items-center">
<div class="avatar flex-none">
<div class="rounded h-8 w-8">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-3 flex-auto m-auto">
DanConwayDev
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Navbar NIP07 Loading smoke-test 1`] = `
<div class="bg-base-400">
<div class="mx-auto lg:container">
<div class="px-3">
<div class="navbar">
<div class="navbar-start">
<a href="/about"
class="btn btn-ghost btn-sm normal-case"
>
About
</a>
</div>
<div class="navbar-center">
<a class="align-middle text-lg"
href="/"
>
<span class="text-purple-600">
git
</span>
<span class="text-white">
workshop
</span>
<span class="text-neutral">
.dev
</span>
</a>
</div>
<div class="navbar-end gap-4">
<div class="skeleton h-8 w-20">
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Navbar NIP07Exists smoke-test 1`] = `
<div class="bg-base-400">
<div class="mx-auto lg:container">
<div class="px-3">
<div class="navbar">
<div class="navbar-start">
<a href="/about"
class="btn btn-ghost btn-sm normal-case"
>
About
</a>
</div>
<div class="navbar-center">
<a class="align-middle text-lg"
href="/"
>
<span class="text-purple-600">
git
</span>
<span class="text-white">
workshop
</span>
<span class="text-neutral">
.dev
</span>
</a>
</div>
<div class="navbar-end gap-4">
<button class="btn btn-ghost btn-sm normal-case">
Login
</button>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Navbar NoNIP07 smoke-test 1`] = `
<div class="bg-base-400">
<div class="mx-auto lg:container">
<div class="px-3">
<div class="navbar">
<div class="navbar-start">
<a href="/about"
class="btn btn-ghost btn-sm normal-case"
>
About
</a>
</div>
<div class="navbar-center">
<a class="align-middle text-lg"
href="/"
>
<span class="text-purple-600">
git
</span>
<span class="text-white">
workshop
</span>
<span class="text-neutral">
.dev
</span>
</a>
</div>
<div class="navbar-end gap-4">
<button class="btn btn-ghost btn-sm normal-case">
Sign up
</button>
</div>
</div>
</div>
</div>
</div>
`;

BIN
__snapshots__/proposals-header--author-loading.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

BIN
__snapshots__/proposals-header--loading.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.3 KiB

BIN
__snapshots__/proposals-header--long-and-no-spaces.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

BIN
__snapshots__/proposals-header--long-details.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

BIN
__snapshots__/proposals-header--short-details.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

163
__snapshots__/proposals-header.test.js.snap

@ -1,163 +0,0 @@ @@ -1,163 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Proposals/Header Author Loading smoke-test 1`] = `
<div class="grow overflow-hidden border-b border-accent-content bg-base-200 pb-4 pt-2 text-xs text-neutral-content">
<div class="mx-auto lg:container">
<div class="px-3">
<div class="mb-2 text-lg text-base-content">
short title
</div>
<div class="pt-1">
<div class="mr-3 inline align-middle">
<div tabindex="0"
role="button"
class="btn btn-success btn-sm align-middle cursor-default no-animation hover:bg-success"
>
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 18 18"
class="h-5 w-5 flex-none fill-success-content pt-1"
>
<path d="M3.75 4.5a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5M3 7.75a.75.75 0 0 1 1.5 0v2.878a2.251 2.251 0 1 1-1.5 0Zm.75 5.75a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m5-7.75a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m5.75 2.5a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0m-1.5 0a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0">
</path>
</svg>
Open
</div>
</div>
<div class="mr-3 inline align-middle">
opened 3 months ago
</div>
<div class="inline align-middle">
<div class="skeleton inline-block h-3 w-20 pb-2">
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Proposals/Header Long Details smoke-test 1`] = `
<div class="grow overflow-hidden border-b border-accent-content bg-base-200 pb-4 pt-2 text-xs text-neutral-content">
<div class="mx-auto lg:container">
<div class="px-3">
<div class="mb-2 text-lg text-base-content">
rather long title that goes on and on and on and on and on and on...
</div>
<div class="pt-1">
<div class="mr-3 inline align-middle">
<div tabindex="0"
role="button"
class="btn btn-success btn-sm align-middle cursor-default no-animation hover:bg-success"
>
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 18 18"
class="h-5 w-5 flex-none fill-success-content pt-1"
>
<path d="M3.75 4.5a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5M3 7.75a.75.75 0 0 1 1.5 0v2.878a2.251 2.251 0 1 1-1.5 0Zm.75 5.75a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m5-7.75a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m5.75 2.5a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0m-1.5 0a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0">
</path>
</svg>
Open
</div>
</div>
<div class="mr-3 inline align-middle">
opened a minute ago
</div>
<div class="inline align-middle">
DanConwayDev
</div>
</div>
</div>
</div>
</div>
`;
exports[`Proposals/Header Long and No Spaces smoke-test 1`] = `
<div class="grow overflow-hidden border-b border-accent-content bg-base-200 pb-4 pt-2 text-xs text-neutral-content">
<div class="mx-auto lg:container">
<div class="px-3">
<div class="mb-2 text-lg text-base-content">
LongNameLongNameLongNameLongNameLongNameLongNameLongNameLongNameL...
</div>
<div class="pt-1">
<div class="mr-3 inline align-middle">
<div tabindex="0"
role="button"
class="btn btn-success btn-sm align-middle cursor-default no-animation hover:bg-success"
>
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 18 18"
class="h-5 w-5 flex-none fill-success-content pt-1"
>
<path d="M3.75 4.5a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5M3 7.75a.75.75 0 0 1 1.5 0v2.878a2.251 2.251 0 1 1-1.5 0Zm.75 5.75a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m5-7.75a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m5.75 2.5a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0m-1.5 0a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0">
</path>
</svg>
Open
</div>
</div>
<div class="mr-3 inline align-middle">
opened 3 months ago
</div>
<div class="inline align-middle">
DanConwayDev
</div>
</div>
</div>
</div>
</div>
`;
exports[`Proposals/Header Short Details smoke-test 1`] = `
<div class="grow overflow-hidden border-b border-accent-content bg-base-200 pb-4 pt-2 text-xs text-neutral-content">
<div class="mx-auto lg:container">
<div class="px-3">
<div class="mb-2 text-lg text-base-content">
short title
</div>
<div class="pt-1">
<div class="mr-3 inline align-middle">
<div tabindex="0"
role="button"
class="btn btn-success btn-sm align-middle cursor-default no-animation hover:bg-success"
>
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 18 18"
class="h-5 w-5 flex-none fill-success-content pt-1"
>
<path d="M3.75 4.5a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5M3 7.75a.75.75 0 0 1 1.5 0v2.878a2.251 2.251 0 1 1-1.5 0Zm.75 5.75a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m5-7.75a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m5.75 2.5a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0m-1.5 0a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0">
</path>
</svg>
Open
</div>
</div>
<div class="mr-3 inline align-middle">
opened 7 days ago
</div>
<div class="inline align-middle">
DanConwayDev
</div>
</div>
</div>
</div>
</div>
`;
exports[`Proposals/Header loading smoke-test 1`] = `
<div class="grow overflow-hidden border-b border-accent-content bg-base-200 pb-4 pt-2 text-xs text-neutral-content">
<div class="mx-auto lg:container">
<div class="px-3">
<div>
<div class="skeleton h-7 w-60 pt-1">
</div>
<div class>
<div class="skeleton mt-3 inline-block h-8 w-20 align-middle">
</div>
<div class="skeleton ml-3 mt-5 inline-block h-3 w-28 align-middle">
</div>
<div class="skeleton ml-3 mt-5 inline-block h-3 w-28 align-middle">
</div>
</div>
</div>
</div>
</div>
</div>
`;

BIN
__snapshots__/proposals-list-item--author-loading.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.8 KiB

BIN
__snapshots__/proposals-list-item--loading.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.9 KiB

BIN
__snapshots__/proposals-list-item--long-and-no-spaces.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

BIN
__snapshots__/proposals-list-item--long-details.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

BIN
__snapshots__/proposals-list-item--short-details.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

BIN
__snapshots__/proposals-list-item--status-applied.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

BIN
__snapshots__/proposals-list-item--status-closed.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

BIN
__snapshots__/proposals-list-item--status-draft.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

BIN
__snapshots__/proposals-list-item--status-loading.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

406
__snapshots__/proposals-list-item.test.js.snap

@ -1,406 +0,0 @@ @@ -1,406 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Proposals/List/Item Author Loading smoke-test 1`] = `
<li class="flex p-2 pt-4 cursor-pointer hover:bg-base-200">
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 16 16"
class="h-5 w-5 flex-none fill-success pt-1"
>
<path d="M3.75 4.5a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5M3 7.75a.75.75 0 0 1 1.5 0v2.878a2.251 2.251 0 1 1-1.5 0Zm.75 5.75a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m5-7.75a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m5.75 2.5a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0m-1.5 0a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0">
</path>
</svg>
<a href="/repo//proposal/"
class="ml-3 grow overflow-hidden text-xs text-neutral-content"
>
<div class="text-sm text-base-content">
short title
</div>
<ul class="pt-2">
<li class="mr-3 inline align-middle">
<svg xmlns="http://www.w3.org/2000/svg"
class="inline-block h-3 w-3 flex-none fill-base-content pt-0"
viewbox="0 0 16 16"
>
<path d="M1 2.75C1 1.784 1.784 1 2.75 1h10.5c.966 0 1.75.784 1.75 1.75v7.5A1.75 1.75 0 0 1 13.25 12H9.06l-2.573 2.573A1.458 1.458 0 0 1 4 13.543V12H2.75A1.75 1.75 0 0 1 1 10.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h4.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z">
</path>
</svg>
1
</li>
<li class="mr-3 inline">
opened 3 months ago
</li>
<li class="inline">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5 skeleton">
</div>
</div>
<div class="pl-0 inline-block">
<div class="skeleton w-24 h-2.5">
</div>
</div>
</div>
</div>
</li>
</ul>
</a>
</li>
`;
exports[`Proposals/List/Item Long Details smoke-test 1`] = `
<li class="flex p-2 pt-4 cursor-pointer hover:bg-base-200">
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 16 16"
class="h-5 w-5 flex-none fill-success pt-1"
>
<path d="M3.75 4.5a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5M3 7.75a.75.75 0 0 1 1.5 0v2.878a2.251 2.251 0 1 1-1.5 0Zm.75 5.75a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m5-7.75a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m5.75 2.5a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0m-1.5 0a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0">
</path>
</svg>
<a href="/repo//proposal/"
class="ml-3 grow overflow-hidden text-xs text-neutral-content"
>
<div class="text-sm text-base-content">
rather long title that goes on and on and on and on and on and on...
</div>
<ul class="pt-2">
<li class="mr-3 inline">
opened a minute ago
</li>
<li class="inline">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-0 inline-block">
DanConwayDev
</div>
</div>
</div>
</li>
</ul>
</a>
</li>
`;
exports[`Proposals/List/Item Long and No Spaces smoke-test 1`] = `
<li class="flex p-2 pt-4 cursor-pointer hover:bg-base-200">
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 16 16"
class="h-5 w-5 flex-none fill-success pt-1"
>
<path d="M3.75 4.5a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5M3 7.75a.75.75 0 0 1 1.5 0v2.878a2.251 2.251 0 1 1-1.5 0Zm.75 5.75a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m5-7.75a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m5.75 2.5a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0m-1.5 0a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0">
</path>
</svg>
<a href="/repo//proposal/"
class="ml-3 grow overflow-hidden text-xs text-neutral-content"
>
<div class="text-sm text-base-content">
LongNameLongNameLongNameLongNameLongNameLongNameLongNameLongNameL...
</div>
<ul class="pt-2">
<li class="mr-3 inline align-middle">
<svg xmlns="http://www.w3.org/2000/svg"
class="inline-block h-3 w-3 flex-none fill-base-content pt-0"
viewbox="0 0 16 16"
>
<path d="M1 2.75C1 1.784 1.784 1 2.75 1h10.5c.966 0 1.75.784 1.75 1.75v7.5A1.75 1.75 0 0 1 13.25 12H9.06l-2.573 2.573A1.458 1.458 0 0 1 4 13.543V12H2.75A1.75 1.75 0 0 1 1 10.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h4.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z">
</path>
</svg>
1
</li>
<li class="mr-3 inline">
opened 3 months ago
</li>
<li class="inline">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-0 inline-block">
DanConwayDev
</div>
</div>
</div>
</li>
</ul>
</a>
</li>
`;
exports[`Proposals/List/Item Short Details smoke-test 1`] = `
<li class="flex p-2 pt-4 cursor-pointer hover:bg-base-200">
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 16 16"
class="h-5 w-5 flex-none fill-success pt-1"
>
<path d="M3.75 4.5a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5M3 7.75a.75.75 0 0 1 1.5 0v2.878a2.251 2.251 0 1 1-1.5 0Zm.75 5.75a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m5-7.75a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m5.75 2.5a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0m-1.5 0a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0">
</path>
</svg>
<a href="/repo//proposal/"
class="ml-3 grow overflow-hidden text-xs text-neutral-content"
>
<div class="text-sm text-base-content">
short title
</div>
<ul class="pt-2">
<li class="mr-3 inline align-middle">
<svg xmlns="http://www.w3.org/2000/svg"
class="inline-block h-3 w-3 flex-none fill-base-content pt-0"
viewbox="0 0 16 16"
>
<path d="M1 2.75C1 1.784 1.784 1 2.75 1h10.5c.966 0 1.75.784 1.75 1.75v7.5A1.75 1.75 0 0 1 13.25 12H9.06l-2.573 2.573A1.458 1.458 0 0 1 4 13.543V12H2.75A1.75 1.75 0 0 1 1 10.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h4.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z">
</path>
</svg>
2
</li>
<li class="mr-3 inline">
opened 7 days ago
</li>
<li class="inline">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-0 inline-block">
DanConwayDev
</div>
</div>
</div>
</li>
</ul>
</a>
</li>
`;
exports[`Proposals/List/Item Status Applied smoke-test 1`] = `
<li class="flex p-2 pt-4 cursor-pointer hover:bg-base-200">
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 16 16"
class="h-5 w-5 flex-none fill-primary pt-1"
>
<path d="M 3.25 1 A 2.25 2.25 0 0 1 4 5.372 v 5.256 a 2.251 2.251 0 1 1 -1.5 0 V 5.372 A 2.251 2.251 0 0 1 3.25 1 Z M 2.5 3.25 a 0.75 0.75 0 1 0 1.5 0 a 0.75 0.75 0 0 0 -1.5 0 M 3.25 12 a 0.75 0.75 0 1 0 0 1.5 a 0.75 0.75 0 0 0 0 -1.5">
</path>
</svg>
<a href="/repo//proposal/"
class="ml-3 grow overflow-hidden text-xs text-neutral-content"
>
<div class="text-sm text-base-content">
short title
</div>
<ul class="pt-2">
<li class="mr-3 inline align-middle">
<svg xmlns="http://www.w3.org/2000/svg"
class="inline-block h-3 w-3 flex-none fill-base-content pt-0"
viewbox="0 0 16 16"
>
<path d="M1 2.75C1 1.784 1.784 1 2.75 1h10.5c.966 0 1.75.784 1.75 1.75v7.5A1.75 1.75 0 0 1 13.25 12H9.06l-2.573 2.573A1.458 1.458 0 0 1 4 13.543V12H2.75A1.75 1.75 0 0 1 1 10.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h4.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z">
</path>
</svg>
2
</li>
<li class="mr-3 inline">
opened 7 days ago
</li>
<li class="inline">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-0 inline-block">
DanConwayDev
</div>
</div>
</div>
</li>
</ul>
</a>
</li>
`;
exports[`Proposals/List/Item Status Closed smoke-test 1`] = `
<li class="flex p-2 pt-4 cursor-pointer hover:bg-base-200">
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 16 16"
class="h-5 w-5 flex-none fill-neutral-content pt-1"
>
<path d="M3.25 1A2.25 2.25 0 0 1 4 5.372v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.251 2.251 0 0 1 3.25 1m9.5 14a2.25 2.25 0 1 1 0-4.5a2.25 2.25 0 0 1 0 4.5M2.5 3.25a.75.75 0 1 0 1.5 0a.75.75 0 0 0-1.5 0M3.25 12a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m9.5 0a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5M14 7.5a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m0-4.25a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0">
</path>
</svg>
<a href="/repo//proposal/"
class="ml-3 grow overflow-hidden text-xs text-neutral-content"
>
<div class="text-sm text-base-content">
short title
</div>
<ul class="pt-2">
<li class="mr-3 inline align-middle">
<svg xmlns="http://www.w3.org/2000/svg"
class="inline-block h-3 w-3 flex-none fill-base-content pt-0"
viewbox="0 0 16 16"
>
<path d="M1 2.75C1 1.784 1.784 1 2.75 1h10.5c.966 0 1.75.784 1.75 1.75v7.5A1.75 1.75 0 0 1 13.25 12H9.06l-2.573 2.573A1.458 1.458 0 0 1 4 13.543V12H2.75A1.75 1.75 0 0 1 1 10.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h4.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z">
</path>
</svg>
2
</li>
<li class="mr-3 inline">
opened 7 days ago
</li>
<li class="inline">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-0 inline-block">
DanConwayDev
</div>
</div>
</div>
</li>
</ul>
</a>
</li>
`;
exports[`Proposals/List/Item Status Draft smoke-test 1`] = `
<li class="flex p-2 pt-4 cursor-pointer hover:bg-base-200">
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 16 16"
class="h-5 w-5 flex-none fill-neutral-content pt-1"
>
<path d="M3.25 1A2.25 2.25 0 0 1 4 5.372v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.251 2.251 0 0 1 3.25 1m9.5 14a2.25 2.25 0 1 1 0-4.5a2.25 2.25 0 0 1 0 4.5M2.5 3.25a.75.75 0 1 0 1.5 0a.75.75 0 0 0-1.5 0M3.25 12a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m9.5 0a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5M14 7.5a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m0-4.25a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0">
</path>
</svg>
<a href="/repo//proposal/"
class="ml-3 grow overflow-hidden text-xs text-neutral-content"
>
<div class="text-sm text-base-content">
short title
</div>
<ul class="pt-2">
<li class="mr-3 inline align-middle">
<svg xmlns="http://www.w3.org/2000/svg"
class="inline-block h-3 w-3 flex-none fill-base-content pt-0"
viewbox="0 0 16 16"
>
<path d="M1 2.75C1 1.784 1.784 1 2.75 1h10.5c.966 0 1.75.784 1.75 1.75v7.5A1.75 1.75 0 0 1 13.25 12H9.06l-2.573 2.573A1.458 1.458 0 0 1 4 13.543V12H2.75A1.75 1.75 0 0 1 1 10.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h4.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z">
</path>
</svg>
2
</li>
<li class="mr-3 inline">
opened 7 days ago
</li>
<li class="inline">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-0 inline-block">
DanConwayDev
</div>
</div>
</div>
</li>
</ul>
</a>
</li>
`;
exports[`Proposals/List/Item Status Loading smoke-test 1`] = `
<li class="flex p-2 pt-4 cursor-pointer hover:bg-base-200">
<div class="skeleton h-5 w-5 flex-none pt-1">
</div>
<a href="/repo//proposal/"
class="ml-3 grow overflow-hidden text-xs text-neutral-content"
>
<div class="text-sm text-base-content">
short title
</div>
<ul class="pt-2">
<li class="mr-3 inline align-middle">
<svg xmlns="http://www.w3.org/2000/svg"
class="inline-block h-3 w-3 flex-none fill-base-content pt-0"
viewbox="0 0 16 16"
>
<path d="M1 2.75C1 1.784 1.784 1 2.75 1h10.5c.966 0 1.75.784 1.75 1.75v7.5A1.75 1.75 0 0 1 13.25 12H9.06l-2.573 2.573A1.458 1.458 0 0 1 4 13.543V12H2.75A1.75 1.75 0 0 1 1 10.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h4.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z">
</path>
</svg>
2
</li>
<li class="mr-3 inline">
opened 7 days ago
</li>
<li class="inline">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-0 inline-block">
DanConwayDev
</div>
</div>
</div>
</li>
</ul>
</a>
</li>
`;
exports[`Proposals/List/Item loading smoke-test 1`] = `
<li class="flex p-2 pt-4 ">
<div class="skeleton h-5 w-5 flex-none pt-1">
</div>
<a href="/repo//proposal/"
class="ml-3 grow overflow-hidden text-xs text-neutral-content pointer-events-none"
>
<div class="skeleton h-5 w-60 flex-none pt-1">
</div>
<div class="skeleton mb-1 mt-3 h-3 w-40 flex-none">
</div>
</a>
</li>
`;

BIN
__snapshots__/proposals-list-list--default.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

BIN
__snapshots__/proposals-list-list--empty.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.0 KiB

BIN
__snapshots__/proposals-list-list--loading.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

BIN
__snapshots__/proposals-list-list--no-title.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

BIN
__snapshots__/proposals-list-list--partially-loaded.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

413
__snapshots__/proposals-list-list.test.js.snap

@ -1,413 +0,0 @@ @@ -1,413 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Proposals/List/List Default smoke-test 1`] = `
<div class>
<div class="prose">
<h4>
Open Proposals
</h4>
</div>
<ul class="divide-y divide-base-400">
<li class="flex p-2 pt-4 cursor-pointer hover:bg-base-200">
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 16 16"
class="h-5 w-5 flex-none fill-success pt-1"
>
<path d="M3.75 4.5a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5M3 7.75a.75.75 0 0 1 1.5 0v2.878a2.251 2.251 0 1 1-1.5 0Zm.75 5.75a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m5-7.75a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m5.75 2.5a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0m-1.5 0a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0">
</path>
</svg>
<a href="/repo//proposal/"
class="ml-3 grow overflow-hidden text-xs text-neutral-content"
>
<div class="text-sm text-base-content">
rather long title that goes on and on and on and on and on and on...
</div>
<ul class="pt-2">
<li class="mr-3 inline">
opened a minute ago
</li>
<li class="inline">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-0 inline-block">
DanConwayDev
</div>
</div>
</div>
</li>
</ul>
</a>
</li>
<li class="flex p-2 pt-4 cursor-pointer hover:bg-base-200">
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 16 16"
class="h-5 w-5 flex-none fill-success pt-1"
>
<path d="M3.75 4.5a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5M3 7.75a.75.75 0 0 1 1.5 0v2.878a2.251 2.251 0 1 1-1.5 0Zm.75 5.75a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m5-7.75a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m5.75 2.5a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0m-1.5 0a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0">
</path>
</svg>
<a href="/repo//proposal/"
class="ml-3 grow overflow-hidden text-xs text-neutral-content"
>
<div class="text-sm text-base-content">
short title
</div>
<ul class="pt-2">
<li class="mr-3 inline align-middle">
<svg xmlns="http://www.w3.org/2000/svg"
class="inline-block h-3 w-3 flex-none fill-base-content pt-0"
viewbox="0 0 16 16"
>
<path d="M1 2.75C1 1.784 1.784 1 2.75 1h10.5c.966 0 1.75.784 1.75 1.75v7.5A1.75 1.75 0 0 1 13.25 12H9.06l-2.573 2.573A1.458 1.458 0 0 1 4 13.543V12H2.75A1.75 1.75 0 0 1 1 10.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h4.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z">
</path>
</svg>
2
</li>
<li class="mr-3 inline">
opened 7 days ago
</li>
<li class="inline">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-0 inline-block">
DanConwayDev
</div>
</div>
</div>
</li>
</ul>
</a>
</li>
<li class="flex p-2 pt-4 cursor-pointer hover:bg-base-200">
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 16 16"
class="h-5 w-5 flex-none fill-success pt-1"
>
<path d="M3.75 4.5a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5M3 7.75a.75.75 0 0 1 1.5 0v2.878a2.251 2.251 0 1 1-1.5 0Zm.75 5.75a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m5-7.75a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m5.75 2.5a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0m-1.5 0a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0">
</path>
</svg>
<a href="/repo//proposal/"
class="ml-3 grow overflow-hidden text-xs text-neutral-content"
>
<div class="text-sm text-base-content">
LongNameLongNameLongNameLongNameLongNameLongNameLongNameLongNameL...
</div>
<ul class="pt-2">
<li class="mr-3 inline align-middle">
<svg xmlns="http://www.w3.org/2000/svg"
class="inline-block h-3 w-3 flex-none fill-base-content pt-0"
viewbox="0 0 16 16"
>
<path d="M1 2.75C1 1.784 1.784 1 2.75 1h10.5c.966 0 1.75.784 1.75 1.75v7.5A1.75 1.75 0 0 1 13.25 12H9.06l-2.573 2.573A1.458 1.458 0 0 1 4 13.543V12H2.75A1.75 1.75 0 0 1 1 10.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h4.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z">
</path>
</svg>
1
</li>
<li class="mr-3 inline">
opened 3 months ago
</li>
<li class="inline">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-0 inline-block">
DanConwayDev
</div>
</div>
</div>
</li>
</ul>
</a>
</li>
</ul>
</div>
`;
exports[`Proposals/List/List Empty smoke-test 1`] = `
<div class>
<div class="prose">
<h4>
Open Proposals
</h4>
</div>
<p class="prose">
None
</p>
<ul class="divide-y divide-base-400">
</ul>
</div>
`;
exports[`Proposals/List/List Loading smoke-test 1`] = `
<div class>
<div class="prose">
<h4>
Open Proposals
</h4>
</div>
<ul class="divide-y divide-base-400">
<li class="flex p-2 pt-4 ">
<div class="skeleton h-5 w-5 flex-none pt-1">
</div>
<a href="/repo//proposal/"
class="ml-3 grow overflow-hidden text-xs text-neutral-content pointer-events-none"
>
<div class="skeleton h-5 w-60 flex-none pt-1">
</div>
<div class="skeleton mb-1 mt-3 h-3 w-40 flex-none">
</div>
</a>
</li>
<li class="flex p-2 pt-4 ">
<div class="skeleton h-5 w-5 flex-none pt-1">
</div>
<a href="/repo//proposal/"
class="ml-3 grow overflow-hidden text-xs text-neutral-content pointer-events-none"
>
<div class="skeleton h-5 w-60 flex-none pt-1">
</div>
<div class="skeleton mb-1 mt-3 h-3 w-40 flex-none">
</div>
</a>
</li>
<li class="flex p-2 pt-4 ">
<div class="skeleton h-5 w-5 flex-none pt-1">
</div>
<a href="/repo//proposal/"
class="ml-3 grow overflow-hidden text-xs text-neutral-content pointer-events-none"
>
<div class="skeleton h-5 w-60 flex-none pt-1">
</div>
<div class="skeleton mb-1 mt-3 h-3 w-40 flex-none">
</div>
</a>
</li>
</ul>
</div>
`;
exports[`Proposals/List/List No Title smoke-test 1`] = `
<div class>
<ul class="divide-y divide-base-400">
<li class="flex p-2 pt-4 cursor-pointer hover:bg-base-200">
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 16 16"
class="h-5 w-5 flex-none fill-success pt-1"
>
<path d="M3.75 4.5a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5M3 7.75a.75.75 0 0 1 1.5 0v2.878a2.251 2.251 0 1 1-1.5 0Zm.75 5.75a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m5-7.75a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m5.75 2.5a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0m-1.5 0a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0">
</path>
</svg>
<a href="/repo//proposal/"
class="ml-3 grow overflow-hidden text-xs text-neutral-content"
>
<div class="text-sm text-base-content">
rather long title that goes on and on and on and on and on and on...
</div>
<ul class="pt-2">
<li class="mr-3 inline">
opened a minute ago
</li>
<li class="inline">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-0 inline-block">
DanConwayDev
</div>
</div>
</div>
</li>
</ul>
</a>
</li>
<li class="flex p-2 pt-4 cursor-pointer hover:bg-base-200">
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 16 16"
class="h-5 w-5 flex-none fill-success pt-1"
>
<path d="M3.75 4.5a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5M3 7.75a.75.75 0 0 1 1.5 0v2.878a2.251 2.251 0 1 1-1.5 0Zm.75 5.75a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m5-7.75a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m5.75 2.5a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0m-1.5 0a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0">
</path>
</svg>
<a href="/repo//proposal/"
class="ml-3 grow overflow-hidden text-xs text-neutral-content"
>
<div class="text-sm text-base-content">
short title
</div>
<ul class="pt-2">
<li class="mr-3 inline align-middle">
<svg xmlns="http://www.w3.org/2000/svg"
class="inline-block h-3 w-3 flex-none fill-base-content pt-0"
viewbox="0 0 16 16"
>
<path d="M1 2.75C1 1.784 1.784 1 2.75 1h10.5c.966 0 1.75.784 1.75 1.75v7.5A1.75 1.75 0 0 1 13.25 12H9.06l-2.573 2.573A1.458 1.458 0 0 1 4 13.543V12H2.75A1.75 1.75 0 0 1 1 10.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h4.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z">
</path>
</svg>
2
</li>
<li class="mr-3 inline">
opened 7 days ago
</li>
<li class="inline">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-0 inline-block">
DanConwayDev
</div>
</div>
</div>
</li>
</ul>
</a>
</li>
</ul>
</div>
`;
exports[`Proposals/List/List Partially Loaded smoke-test 1`] = `
<div class>
<div class="prose">
<h4>
Open Proposals
</h4>
</div>
<ul class="divide-y divide-base-400">
<li class="flex p-2 pt-4 cursor-pointer hover:bg-base-200">
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 16 16"
class="h-5 w-5 flex-none fill-success pt-1"
>
<path d="M3.75 4.5a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5M3 7.75a.75.75 0 0 1 1.5 0v2.878a2.251 2.251 0 1 1-1.5 0Zm.75 5.75a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m5-7.75a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m5.75 2.5a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0m-1.5 0a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0">
</path>
</svg>
<a href="/repo//proposal/"
class="ml-3 grow overflow-hidden text-xs text-neutral-content"
>
<div class="text-sm text-base-content">
rather long title that goes on and on and on and on and on and on...
</div>
<ul class="pt-2">
<li class="mr-3 inline">
opened a minute ago
</li>
<li class="inline">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-0 inline-block">
DanConwayDev
</div>
</div>
</div>
</li>
</ul>
</a>
</li>
<li class="flex p-2 pt-4 cursor-pointer hover:bg-base-200">
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 16 16"
class="h-5 w-5 flex-none fill-success pt-1"
>
<path d="M3.75 4.5a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5M3 7.75a.75.75 0 0 1 1.5 0v2.878a2.251 2.251 0 1 1-1.5 0Zm.75 5.75a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m5-7.75a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m5.75 2.5a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0m-1.5 0a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0">
</path>
</svg>
<a href="/repo//proposal/"
class="ml-3 grow overflow-hidden text-xs text-neutral-content"
>
<div class="text-sm text-base-content">
short title
</div>
<ul class="pt-2">
<li class="mr-3 inline align-middle">
<svg xmlns="http://www.w3.org/2000/svg"
class="inline-block h-3 w-3 flex-none fill-base-content pt-0"
viewbox="0 0 16 16"
>
<path d="M1 2.75C1 1.784 1.784 1 2.75 1h10.5c.966 0 1.75.784 1.75 1.75v7.5A1.75 1.75 0 0 1 13.25 12H9.06l-2.573 2.573A1.458 1.458 0 0 1 4 13.543V12H2.75A1.75 1.75 0 0 1 1 10.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h4.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z">
</path>
</svg>
2
</li>
<li class="mr-3 inline">
opened 7 days ago
</li>
<li class="inline">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-0 inline-block">
DanConwayDev
</div>
</div>
</div>
</li>
</ul>
</a>
</li>
<li class="flex p-2 pt-4 ">
<div class="skeleton h-5 w-5 flex-none pt-1">
</div>
<a href="/repo//proposal/"
class="ml-3 grow overflow-hidden text-xs text-neutral-content pointer-events-none"
>
<div class="skeleton h-5 w-60 flex-none pt-1">
</div>
<div class="skeleton mb-1 mt-3 h-3 w-40 flex-none">
</div>
</a>
</li>
</ul>
</div>
`;

BIN
__snapshots__/proposals-status--applied.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.0 KiB

BIN
__snapshots__/proposals-status--closed.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.7 KiB

BIN
__snapshots__/proposals-status--draft.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.3 KiB

BIN
__snapshots__/proposals-status--loading.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.5 KiB

BIN
__snapshots__/proposals-status--open-edit-mode.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.6 KiB

BIN
__snapshots__/proposals-status--open.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.4 KiB

60
__snapshots__/proposals-status.test.js.snap

@ -1,60 +0,0 @@ @@ -1,60 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Proposals/Status Applied smoke-test 1`] = `
<div tabindex="0"
role="button"
class="btn btn-sm align-middle cursor-default no-animation"
>
Applied
</div>
`;
exports[`Proposals/Status Closed smoke-test 1`] = `
<div tabindex="0"
role="button"
class="btn btn-sm align-middle cursor-default no-animation"
>
Closed
</div>
`;
exports[`Proposals/Status Draft smoke-test 1`] = `
<div tabindex="0"
role="button"
class="btn btn-sm align-middle cursor-default no-animation"
>
Draft
</div>
`;
exports[`Proposals/Status Loading smoke-test 1`] = `
<div class="skeleton inline-block h-8 w-24 rounded-md align-middle">
</div>
`;
exports[`Proposals/Status Open Edit Mode smoke-test 1`] = `
<div tabindex="0"
role="button"
class="btn btn-sm align-middle"
>
Open
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 24 24"
class="h-5 w-5 flex-none fill-success-content"
>
<path fill="currentColor"
d="M11.646 15.146L5.854 9.354a.5.5 0 0 1 .353-.854h11.586a.5.5 0 0 1 .353.854l-5.793 5.792a.5.5 0 0 1-.707 0"
>
</path>
</svg>
</div>
`;
exports[`Proposals/Status Open smoke-test 1`] = `
<div tabindex="0"
role="button"
class="btn btn-sm align-middle cursor-default no-animation"
>
Open
</div>
`;

BIN
__snapshots__/repo-details--loading.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

BIN
__snapshots__/repo-details--long-and-no-spaces.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 71 KiB

BIN
__snapshots__/repo-details--long-details.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 82 KiB

BIN
__snapshots__/repo-details--no-clone.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 51 KiB

BIN
__snapshots__/repo-details--no-description.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 53 KiB

BIN
__snapshots__/repo-details--no-git-server.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

BIN
__snapshots__/repo-details--no-maintainers-or-relays.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 44 KiB

BIN
__snapshots__/repo-details--no-maintainers.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 49 KiB

BIN
__snapshots__/repo-details--no-name-or-description.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

BIN
__snapshots__/repo-details--no-relays.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

BIN
__snapshots__/repo-details--no-tags.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

BIN
__snapshots__/repo-details--no-web.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 48 KiB

BIN
__snapshots__/repo-details--one-maintainer-s-profile-has-no-display-name-or-name.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 53 KiB

BIN
__snapshots__/repo-details--one-maintainer-s-profile-not-loaded.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 51 KiB

BIN
__snapshots__/repo-details--one-maintainer-s-profile-only-has-display-name-but-no-name.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 56 KiB

BIN
__snapshots__/repo-details--short-details.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 49 KiB

1862
__snapshots__/repo-details.test.js.snap

File diff suppressed because it is too large Load Diff

BIN
__snapshots__/repo-header--loading.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.4 KiB

BIN
__snapshots__/repo-header--long-name.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

BIN
__snapshots__/repo-header--no-name.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

BIN
__snapshots__/repo-header--short-name.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

204
__snapshots__/repo-header.test.js.snap

@ -1,204 +0,0 @@ @@ -1,204 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Repo/Header Long Name smoke-test 1`] = `
<div class="border-b border-accent-content bg-base-300">
<div class="mx-auto lg:container">
<a href="/repo/9ee507fc4357d7ee16a5d8901bedcd103f23c17d"
class="strong btn btn-ghost mb-0 mt-0 break-words px-3 text-sm"
>
Long Name that goes on and on and on and on a...
</a>
<div class="flex border-b border-base-400">
<div role="tablist"
class="tabs tabs-bordered flex-none"
>
<a href="/repo/9ee507fc4357d7ee16a5d8901bedcd103f23c17d"
class="tab tab-active"
>
About
</a>
<a href="/repo/9ee507fc4357d7ee16a5d8901bedcd103f23c17d/proposals"
class="tab"
>
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 16 16"
class="mb-1 mr-1 h-4 w-4 flex-none fill-base-content pt-1 opacity-50"
>
<path d="M1.5 3.25a2.25 2.25 0 1 1 3 2.122v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.25 2.25 0 0 1 1.5 3.25m5.677-.177L9.573.677A.25.25 0 0 1 10 .854V2.5h1A2.5 2.5 0 0 1 13.5 5v5.628a2.251 2.251 0 1 1-1.5 0V5a1 1 0 0 0-1-1h-1v1.646a.25.25 0 0 1-.427.177L7.177 3.427a.25.25 0 0 1 0-.354M3.75 2.5a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m0 9.5a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m8.25.75a.75.75 0 1 0 1.5 0a.75.75 0 0 0-1.5 0">
</path>
</svg>
Proposals
</a>
<a href="/repo/9ee507fc4357d7ee16a5d8901bedcd103f23c17d/issues"
class="tab"
>
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 16 16"
class="mb-1 mr-1 h-4 w-4 flex-none fill-base-content pt-1 opacity-50"
>
<path d="M8 9.5a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3">
</path>
<path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0M1.5 8a6.5 6.5 0 1 0 13 0a6.5 6.5 0 0 0-13 0">
</path>
</svg>
Issues
</a>
</div>
<div class="flex-grow">
</div>
</div>
</div>
</div>
`;
exports[`Repo/Header No Name smoke-test 1`] = `
<div class="border-b border-accent-content bg-base-300">
<div class="mx-auto lg:container">
<a href="/repo/9ee507fc4357d7ee16a5d8901bedcd103f23c17d"
class="strong btn btn-ghost mb-0 mt-0 break-words px-3 text-sm"
>
9ee507fc4357d7ee16a5d8901bedcd103f23c17d
</a>
<div class="flex border-b border-base-400">
<div role="tablist"
class="tabs tabs-bordered flex-none"
>
<a href="/repo/9ee507fc4357d7ee16a5d8901bedcd103f23c17d"
class="tab tab-active"
>
About
</a>
<a href="/repo/9ee507fc4357d7ee16a5d8901bedcd103f23c17d/proposals"
class="tab"
>
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 16 16"
class="mb-1 mr-1 h-4 w-4 flex-none fill-base-content pt-1 opacity-50"
>
<path d="M1.5 3.25a2.25 2.25 0 1 1 3 2.122v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.25 2.25 0 0 1 1.5 3.25m5.677-.177L9.573.677A.25.25 0 0 1 10 .854V2.5h1A2.5 2.5 0 0 1 13.5 5v5.628a2.251 2.251 0 1 1-1.5 0V5a1 1 0 0 0-1-1h-1v1.646a.25.25 0 0 1-.427.177L7.177 3.427a.25.25 0 0 1 0-.354M3.75 2.5a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m0 9.5a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m8.25.75a.75.75 0 1 0 1.5 0a.75.75 0 0 0-1.5 0">
</path>
</svg>
Proposals
</a>
<a href="/repo/9ee507fc4357d7ee16a5d8901bedcd103f23c17d/issues"
class="tab"
>
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 16 16"
class="mb-1 mr-1 h-4 w-4 flex-none fill-base-content pt-1 opacity-50"
>
<path d="M8 9.5a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3">
</path>
<path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0M1.5 8a6.5 6.5 0 1 0 13 0a6.5 6.5 0 0 0-13 0">
</path>
</svg>
Issues
</a>
</div>
<div class="flex-grow">
</div>
</div>
</div>
</div>
`;
exports[`Repo/Header Short Name smoke-test 1`] = `
<div class="border-b border-accent-content bg-base-300">
<div class="mx-auto lg:container">
<a href="/repo/9ee507fc4357d7ee16a5d8901bedcd103f23c17d"
class="strong btn btn-ghost mb-0 mt-0 break-words px-3 text-sm"
>
Short Name
</a>
<div class="flex border-b border-base-400">
<div role="tablist"
class="tabs tabs-bordered flex-none"
>
<a href="/repo/9ee507fc4357d7ee16a5d8901bedcd103f23c17d"
class="tab tab-active"
>
About
</a>
<a href="/repo/9ee507fc4357d7ee16a5d8901bedcd103f23c17d/proposals"
class="tab"
>
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 16 16"
class="mb-1 mr-1 h-4 w-4 flex-none fill-base-content pt-1 opacity-50"
>
<path d="M1.5 3.25a2.25 2.25 0 1 1 3 2.122v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.25 2.25 0 0 1 1.5 3.25m5.677-.177L9.573.677A.25.25 0 0 1 10 .854V2.5h1A2.5 2.5 0 0 1 13.5 5v5.628a2.251 2.251 0 1 1-1.5 0V5a1 1 0 0 0-1-1h-1v1.646a.25.25 0 0 1-.427.177L7.177 3.427a.25.25 0 0 1 0-.354M3.75 2.5a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m0 9.5a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m8.25.75a.75.75 0 1 0 1.5 0a.75.75 0 0 0-1.5 0">
</path>
</svg>
Proposals
</a>
<a href="/repo/9ee507fc4357d7ee16a5d8901bedcd103f23c17d/issues"
class="tab"
>
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 16 16"
class="mb-1 mr-1 h-4 w-4 flex-none fill-base-content pt-1 opacity-50"
>
<path d="M8 9.5a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3">
</path>
<path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0M1.5 8a6.5 6.5 0 1 0 13 0a6.5 6.5 0 0 0-13 0">
</path>
</svg>
Issues
</a>
</div>
<div class="flex-grow">
</div>
</div>
</div>
</div>
`;
exports[`Repo/Header loading smoke-test 1`] = `
<div class="border-b border-accent-content bg-base-300">
<div class="mx-auto lg:container">
<div class="p-3">
<div class="skeleton h-6 w-28 bg-base-200">
</div>
</div>
<div class="flex border-b border-base-400">
<div role="tablist"
class="tabs tabs-bordered flex-none"
>
<a href="/repo/"
class="tab tab-active"
>
About
</a>
<a href="/repo//proposals"
class="tab"
>
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 16 16"
class="mb-1 mr-1 h-4 w-4 flex-none fill-base-content pt-1 opacity-50"
>
<path d="M1.5 3.25a2.25 2.25 0 1 1 3 2.122v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.25 2.25 0 0 1 1.5 3.25m5.677-.177L9.573.677A.25.25 0 0 1 10 .854V2.5h1A2.5 2.5 0 0 1 13.5 5v5.628a2.251 2.251 0 1 1-1.5 0V5a1 1 0 0 0-1-1h-1v1.646a.25.25 0 0 1-.427.177L7.177 3.427a.25.25 0 0 1 0-.354M3.75 2.5a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m0 9.5a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m8.25.75a.75.75 0 1 0 1.5 0a.75.75 0 0 0-1.5 0">
</path>
</svg>
Proposals
</a>
<a href="/repo//issues"
class="tab"
>
<svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 16 16"
class="mb-1 mr-1 h-4 w-4 flex-none fill-base-content pt-1 opacity-50"
>
<path d="M8 9.5a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3">
</path>
<path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0M1.5 8a6.5 6.5 0 1 0 13 0a6.5 6.5 0 0 0-13 0">
</path>
</svg>
Issues
</a>
</div>
<div class="flex-grow">
</div>
</div>
</div>
</div>
`;

BIN
__snapshots__/repo-summary-card--loading.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.1 KiB

BIN
__snapshots__/repo-summary-card--long-and-no-spaces.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

BIN
__snapshots__/repo-summary-card--long-details.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

BIN
__snapshots__/repo-summary-card--multiple-maintainers.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

BIN
__snapshots__/repo-summary-card--no-details.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.2 KiB

BIN
__snapshots__/repo-summary-card--short-details.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

220
__snapshots__/repo-summary-card.test.js.snap

@ -1,220 +0,0 @@ @@ -1,220 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Repo/Summary/Card Long Details smoke-test 1`] = `
<div class="rounded-lg bg-base-200 p-4"
style="min-height: 3.325rem;"
>
<a class="link-primary break-words"
href="/repo/"
>
Long Name that goes on and on and on and on a...
</a>
<p class="text-muted break-words pb-1 text-sm">
Lorem ipsum dolor sit amet, consectetur adipi...
</p>
<div class="break-words text-right text-xs text-slate-400">
<ul class="reposummarycard inline svelte-18klqbq">
<li class="inline svelte-18klqbq">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="Rather Long Display Name"
>
</div>
</div>
<div class="pl-0 inline-block">
Rather Long Display Name
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
`;
exports[`Repo/Summary/Card Long and No Spaces smoke-test 1`] = `
<div class="rounded-lg bg-base-200 p-4"
style="min-height: 3.325rem;"
>
<a class="link-primary break-words"
href="/repo/"
>
LongNameLongNameLongNameLongNameLongNameLongN...
</a>
<p class="text-muted break-words pb-1 text-sm">
LoremipsumLoremipsumLoremipsumLoremipsumLorem...
</p>
<div class="break-words text-right text-xs text-slate-400">
<ul class="reposummarycard inline svelte-18klqbq">
<li class="inline svelte-18klqbq">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-0 inline-block">
DanConwayDev
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
`;
exports[`Repo/Summary/Card Multiple Maintainers smoke-test 1`] = `
<div class="rounded-lg bg-base-200 p-4"
style="min-height: 5.975rem;"
>
<a class="link-primary break-words"
href="/repo/"
>
Short Name
</a>
<p class="text-muted break-words pb-1 text-sm">
short description
</p>
<div class="break-words text-right text-xs text-slate-400">
<ul class="reposummarycard inline svelte-18klqbq">
<li class="inline svelte-18klqbq">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="Will"
>
</div>
</div>
<div class="pl-0 inline-block">
Will
</div>
</div>
</div>
</li>
<li class="inline svelte-18klqbq">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-0 inline-block">
DanConwayDev
</div>
</div>
</div>
</li>
<li class="inline svelte-18klqbq">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="sectore"
>
</div>
</div>
<div class="pl-0 inline-block">
sectore
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
`;
exports[`Repo/Summary/Card No Details smoke-test 1`] = `
<div class="rounded-lg bg-base-200 p-4"
style="min-height: 3.325rem;"
>
<a class="link-primary break-words"
href="/repo/"
>
Untitled
</a>
<div class="break-words text-right text-xs text-slate-400">
<ul class="reposummarycard inline svelte-18klqbq">
<li class="inline svelte-18klqbq">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5 skeleton">
</div>
</div>
<div class="pl-0 inline-block">
<div class="skeleton w-24 h-2.5">
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
`;
exports[`Repo/Summary/Card Short Details smoke-test 1`] = `
<div class="rounded-lg bg-base-200 p-4"
style="min-height: 3.325rem;"
>
<a class="link-primary break-words"
href="/repo/"
>
Short Name
</a>
<p class="text-muted break-words pb-1 text-sm">
short description
</p>
<div class="break-words text-right text-xs text-slate-400">
<ul class="reposummarycard inline svelte-18klqbq">
<li class="inline svelte-18klqbq">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="Will"
>
</div>
</div>
<div class="pl-0 inline-block">
Will
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
`;
exports[`Repo/Summary/Card loading smoke-test 1`] = `
<div class="rounded-lg bg-base-200 p-4"
style="min-height: 3.325rem;"
>
<div class="skeleton mb-2 h-5 w-40">
</div>
<div class="w-100 skeleton h-4">
</div>
</div>
`;

BIN
__snapshots__/repo-summary-list--default.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 40 KiB

BIN
__snapshots__/repo-summary-list--empty.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.7 KiB

BIN
__snapshots__/repo-summary-list--loading.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.3 KiB

BIN
__snapshots__/repo-summary-list--multiple-maintainers.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 32 KiB

BIN
__snapshots__/repo-summary-list--no-title.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

BIN
__snapshots__/repo-summary-list--partially-loaded.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

499
__snapshots__/repo-summary-list.test.js.snap

@ -1,499 +0,0 @@ @@ -1,499 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Repo/Summary/List Default smoke-test 1`] = `
<div class="min-width">
<div class="prose mb-3">
<h3>
Featured Repositories
</h3>
</div>
<div class="grid gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
<div class="rounded-lg bg-base-200 p-4"
style="min-height: 3.325rem;"
>
<a class="link-primary break-words"
href="/repo/"
>
Short Name
</a>
<p class="text-muted break-words pb-1 text-sm">
short description
</p>
<div class="break-words text-right text-xs text-slate-400">
<ul class="reposummarycard inline svelte-18klqbq">
<li class="inline svelte-18klqbq">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="Will"
>
</div>
</div>
<div class="pl-0 inline-block">
Will
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="rounded-lg bg-base-200 p-4"
style="min-height: 3.325rem;"
>
<a class="link-primary break-words"
href="/repo/"
>
Long Name that goes on and on and on and on a...
</a>
<p class="text-muted break-words pb-1 text-sm">
Lorem ipsum dolor sit amet, consectetur adipi...
</p>
<div class="break-words text-right text-xs text-slate-400">
<ul class="reposummarycard inline svelte-18klqbq">
<li class="inline svelte-18klqbq">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="Rather Long Display Name"
>
</div>
</div>
<div class="pl-0 inline-block">
Rather Long Display Name
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="rounded-lg bg-base-200 p-4"
style="min-height: 3.325rem;"
>
<a class="link-primary break-words"
href="/repo/"
>
LongNameLongNameLongNameLongNameLongNameLongN...
</a>
<p class="text-muted break-words pb-1 text-sm">
LoremipsumLoremipsumLoremipsumLoremipsumLorem...
</p>
<div class="break-words text-right text-xs text-slate-400">
<ul class="reposummarycard inline svelte-18klqbq">
<li class="inline svelte-18klqbq">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-0 inline-block">
DanConwayDev
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="rounded-lg bg-base-200 p-4"
style="min-height: 5.975rem;"
>
<a class="link-primary break-words"
href="/repo/"
>
Short Name
</a>
<p class="text-muted break-words pb-1 text-sm">
short description
</p>
<div class="break-words text-right text-xs text-slate-400">
<ul class="reposummarycard inline svelte-18klqbq">
<li class="inline svelte-18klqbq">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="Will"
>
</div>
</div>
<div class="pl-0 inline-block">
Will
</div>
</div>
</div>
</li>
<li class="inline svelte-18klqbq">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-0 inline-block">
DanConwayDev
</div>
</div>
</div>
</li>
<li class="inline svelte-18klqbq">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="sectore"
>
</div>
</div>
<div class="pl-0 inline-block">
sectore
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
`;
exports[`Repo/Summary/List Empty smoke-test 1`] = `
<div class="min-width">
<div class="prose mb-3">
<h3>
Latest
</h3>
</div>
<p class="prose">
None
</p>
</div>
`;
exports[`Repo/Summary/List Loading smoke-test 1`] = `
<div class="min-width">
<div class="prose mb-3">
<h3>
Latest
</h3>
</div>
<div class="grid gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
<div class="rounded-lg bg-base-200 p-4"
style="min-height: 3.325rem;"
>
<div class="skeleton mb-2 h-5 w-40">
</div>
<div class="w-100 skeleton h-4">
</div>
</div>
<div class="rounded-lg bg-base-200 p-4"
style="min-height: 3.325rem;"
>
<div class="skeleton mb-2 h-5 w-40">
</div>
<div class="w-100 skeleton h-4">
</div>
</div>
<div class="rounded-lg bg-base-200 p-4"
style="min-height: 3.325rem;"
>
<div class="skeleton mb-2 h-5 w-40">
</div>
<div class="w-100 skeleton h-4">
</div>
</div>
</div>
</div>
`;
exports[`Repo/Summary/List Multiple Maintainers smoke-test 1`] = `
<div class="min-width">
<div class="prose mb-3">
<h3>
Multiple Maintainers
</h3>
</div>
<div class="grid gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
<div class="rounded-lg bg-base-200 p-4"
style="min-height: 5.975rem;"
>
<a class="link-primary break-words"
href="/repo/"
>
Short Name
</a>
<p class="text-muted break-words pb-1 text-sm">
short description
</p>
<div class="break-words text-right text-xs text-slate-400">
<ul class="reposummarycard inline svelte-18klqbq">
<li class="inline svelte-18klqbq">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="Will"
>
</div>
</div>
<div class="pl-0 inline-block">
Will
</div>
</div>
</div>
</li>
<li class="inline svelte-18klqbq">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-0 inline-block">
DanConwayDev
</div>
</div>
</div>
</li>
<li class="inline svelte-18klqbq">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="sectore"
>
</div>
</div>
<div class="pl-0 inline-block">
sectore
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="rounded-lg bg-base-200 p-4"
style="min-height: 3.325rem;"
>
<a class="link-primary break-words"
href="/repo/"
>
Long Name that goes on and on and on and on a...
</a>
<p class="text-muted break-words pb-1 text-sm">
Lorem ipsum dolor sit amet, consectetur adipi...
</p>
<div class="break-words text-right text-xs text-slate-400">
<ul class="reposummarycard inline svelte-18klqbq">
<li class="inline svelte-18klqbq">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="Rather Long Display Name"
>
</div>
</div>
<div class="pl-0 inline-block">
Rather Long Display Name
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
`;
exports[`Repo/Summary/List No Title smoke-test 1`] = `
<div class="min-width">
<div class="grid gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
<div class="rounded-lg bg-base-200 p-4"
style="min-height: 3.325rem;"
>
<a class="link-primary break-words"
href="/repo/"
>
Short Name
</a>
<p class="text-muted break-words pb-1 text-sm">
short description
</p>
<div class="break-words text-right text-xs text-slate-400">
<ul class="reposummarycard inline svelte-18klqbq">
<li class="inline svelte-18klqbq">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="Will"
>
</div>
</div>
<div class="pl-0 inline-block">
Will
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="rounded-lg bg-base-200 p-4"
style="min-height: 3.325rem;"
>
<a class="link-primary break-words"
href="/repo/"
>
Long Name that goes on and on and on and on a...
</a>
<p class="text-muted break-words pb-1 text-sm">
Lorem ipsum dolor sit amet, consectetur adipi...
</p>
<div class="break-words text-right text-xs text-slate-400">
<ul class="reposummarycard inline svelte-18klqbq">
<li class="inline svelte-18klqbq">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="Rather Long Display Name"
>
</div>
</div>
<div class="pl-0 inline-block">
Rather Long Display Name
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
`;
exports[`Repo/Summary/List Partially Loaded smoke-test 1`] = `
<div class="min-width">
<div class="prose mb-3">
<h3>
Latest
</h3>
</div>
<div class="grid gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
<div class="rounded-lg bg-base-200 p-4"
style="min-height: 3.325rem;"
>
<a class="link-primary break-words"
href="/repo/"
>
Short Name
</a>
<p class="text-muted break-words pb-1 text-sm">
short description
</p>
<div class="break-words text-right text-xs text-slate-400">
<ul class="reposummarycard inline svelte-18klqbq">
<li class="inline svelte-18klqbq">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="Will"
>
</div>
</div>
<div class="pl-0 inline-block">
Will
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="rounded-lg bg-base-200 p-4"
style="min-height: 3.325rem;"
>
<a class="link-primary break-words"
href="/repo/"
>
Long Name that goes on and on and on and on a...
</a>
<p class="text-muted break-words pb-1 text-sm">
Lorem ipsum dolor sit amet, consectetur adipi...
</p>
<div class="break-words text-right text-xs text-slate-400">
<ul class="reposummarycard inline svelte-18klqbq">
<li class="inline svelte-18klqbq">
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="Rather Long Display Name"
>
</div>
</div>
<div class="pl-0 inline-block">
Rather Long Display Name
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="rounded-lg bg-base-200 p-4"
style="min-height: 3.325rem;"
>
<div class="skeleton mb-2 h-5 w-40">
</div>
<div class="w-100 skeleton h-4">
</div>
</div>
</div>
</div>
`;

BIN
__snapshots__/users-header--default-5-c-13-d-641.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

BIN
__snapshots__/users-header--display-name-without-name.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

BIN
__snapshots__/users-header--extra-small.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.0 KiB

BIN
__snapshots__/users-header--inline-extra-small-loading.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.6 KiB

BIN
__snapshots__/users-header--inline-extra-small.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.2 KiB

BIN
__snapshots__/users-header--inline-loading.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.7 KiB

BIN
__snapshots__/users-header--inline-small-loading.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.6 KiB

BIN
__snapshots__/users-header--inline-small.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.4 KiB

BIN
__snapshots__/users-header--inline.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.4 KiB

BIN
__snapshots__/users-header--loading.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.7 KiB

BIN
__snapshots__/users-header--long-name-truncated.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

BIN
__snapshots__/users-header--name-and-display-name-shows-name.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.8 KiB

BIN
__snapshots__/users-header--no-image.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.4 KiB

BIN
__snapshots__/users-header--not-found.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.9 KiB

BIN
__snapshots__/users-header--small.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.8 KiB

251
__snapshots__/users-header.test.js.snap

@ -1,251 +0,0 @@ @@ -1,251 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Users/Header default smoke-test 1`] = `
<div>
<div class="my-2 text-md flex items-center">
<div class="avatar flex-none">
<div class="rounded h-8 w-8">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-3 flex-auto m-auto">
DanConwayDev
</div>
</div>
</div>
`;
exports[`Users/Header displayName without name smoke-test 1`] = `
<div>
<div class="my-2 text-md flex items-center">
<div class="avatar flex-none">
<div class="rounded h-8 w-8">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-3 flex-auto m-auto">
DanConwayDev
</div>
</div>
</div>
`;
exports[`Users/Header extra small smoke-test 1`] = `
<div>
<div class="my-2 text-xs flex items-center">
<div class="avatar flex-none">
<div class="rounded h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-2 flex-auto m-auto">
DanConwayDev
</div>
</div>
</div>
`;
exports[`Users/Header inline extra small loading smoke-test 1`] = `
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5 skeleton">
</div>
</div>
<div class="pl-0 inline-block">
<div class="skeleton w-24 h-2.5">
</div>
</div>
</div>
</div>
`;
exports[`Users/Header inline extra small smoke-test 1`] = `
<div class="inline-block">
<div class="text-xs align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-0 inline-block">
DanConwayDev
</div>
</div>
</div>
`;
exports[`Users/Header inline loading smoke-test 1`] = `
<div class="inline-block">
<div class="text-md align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-5 w-5 skeleton">
</div>
</div>
<div class="pl-0 inline-block">
<div class="skeleton w-24 h-4">
</div>
</div>
</div>
</div>
`;
exports[`Users/Header inline small loading smoke-test 1`] = `
<div class="inline-block">
<div class="text-sm align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5 skeleton">
</div>
</div>
<div class="pl-0 inline-block">
<div class="skeleton w-24 h-3">
</div>
</div>
</div>
</div>
`;
exports[`Users/Header inline small smoke-test 1`] = `
<div class="inline-block">
<div class="text-sm align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-3.5 w-3.5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-0 inline-block">
DanConwayDev
</div>
</div>
</div>
`;
exports[`Users/Header inline smoke-test 1`] = `
<div class="inline-block">
<div class="text-md align-middle">
<div class="avatar inline-block align-middle">
<div class="rounded inline-block h-5 w-5">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-0 inline-block">
DanConwayDev
</div>
</div>
</div>
`;
exports[`Users/Header loading smoke-test 1`] = `
<div>
<div class="my-2 text-md flex items-center">
<div class="avatar flex-none">
<div class="rounded h-8 w-8 skeleton">
</div>
</div>
<div class="pl-3 flex-auto m-auto">
<div class="skeleton w-24 h-4">
</div>
</div>
</div>
</div>
`;
exports[`Users/Header long name truncated smoke-test 1`] = `
<div>
<div class="my-2 text-md flex items-center">
<div class="avatar flex-none">
<div class="rounded h-8 w-8">
<img class="my-0"
src="../test-profile-image.jpg"
alt="Really Really Long Lon..."
>
</div>
</div>
<div class="pl-3 flex-auto m-auto">
Really Really Long Lon...
</div>
</div>
</div>
`;
exports[`Users/Header name and displayName shows name smoke-test 1`] = `
<div>
<div class="my-2 text-md flex items-center">
<div class="avatar flex-none">
<div class="rounded h-8 w-8">
<img class="my-0"
src="../test-profile-image.jpg"
alt="Dan"
>
</div>
</div>
<div class="pl-3 flex-auto m-auto">
Dan
</div>
</div>
</div>
`;
exports[`Users/Header no image smoke-test 1`] = `
<div>
<div class="my-2 text-md flex items-center">
<div class="avatar flex-none">
<div class="rounded h-8 w-8 bg-neutral">
</div>
</div>
<div class="pl-3 flex-auto m-auto">
DanConwayDev
</div>
</div>
</div>
`;
exports[`Users/Header not found smoke-test 1`] = `
<div>
<div class="my-2 text-md flex items-center">
<div class="avatar flex-none">
<div class="rounded h-8 w-8 bg-neutral">
</div>
</div>
<div class="pl-3 flex-auto m-auto">
npub18669...
</div>
</div>
</div>
`;
exports[`Users/Header small smoke-test 1`] = `
<div>
<div class="my-2 text-sm flex items-center">
<div class="avatar flex-none">
<div class="rounded h-4 w-4">
<img class="my-0"
src="../test-profile-image.jpg"
alt="DanConwayDev"
>
</div>
</div>
<div class="pl-2 flex-auto m-auto">
DanConwayDev
</div>
</div>
</div>
`;

6
flake.nix

@ -50,19 +50,13 @@ @@ -50,19 +50,13 @@
pkgs.gitlint
pkgs.nodejs
pkgs.yarn
pkgs.playwright-test
];
PLAYWRIGHT_BROWSERS_PATH = "${pkgs.playwright-driver.browsers}";
PLAYWRIGHT_SKIP_VALIDATE_HOST_REQUIREMENTS= "true";
shellHook = ''
# auto-install git hooks
dot_git="$(git rev-parse --git-common-dir)"
if [[ ! -d "$dot_git/hooks" ]]; then mkdir "$dot_git/hooks"; fi
for hook in git_hooks/* ; do ln -sf "$(pwd)/$hook" "$dot_git/hooks/" ; done
# Remove playwright from node_modules, so it will be taken from playwright-test
rm node_modules/@playwright/ -R
'';
};
}

16
package.json

@ -11,10 +11,7 @@ @@ -11,10 +11,7 @@
"lint": "eslint 'src/**/*.{ts,svelte}' --fix",
"format": "prettier 'src/**/*.{ts,svelte}' --write",
"storybook": "storybook dev -p 6006",
"build-storybook": "storybook build",
"test": "storybook build && (concurrently -k -s first \"http-server storybook-static --port 6006 --silent\" \"wait-on tcp:6006 && test-storybook --index-json --maxWorkers=2\") && rm storybook-static -r -f",
"test-update": "storybook build && (concurrently -k -s first \"http-server storybook-static --port 6006 --silent\" \"wait-on tcp:6006 && test-storybook -u --index-json --maxWorkers=2\") && rm storybook-static -r -f",
"test-unit": "vitest"
"test": "vitest"
},
"devDependencies": {
"@storybook/addon-a11y": "^7.4.5",
@ -25,23 +22,17 @@ @@ -25,23 +22,17 @@
"@storybook/blocks": "^7.4.5",
"@storybook/svelte": "^7.4.5",
"@storybook/sveltekit": "^7.4.5",
"@storybook/test-runner": "^0.16.0",
"@storybook/testing-library": "^0.2.1",
"@sveltejs/adapter-static": "^3.0.4",
"@sveltejs/kit": "^2.5.25",
"@sveltejs/vite-plugin-svelte": "^3.1.2",
"@tailwindcss/typography": "^0.5.10",
"@types/jest-image-snapshot": "^6.2.1",
"@types/node": "^20.8.2",
"@types/ramda": "^0.29.10",
"@typescript-eslint/eslint-plugin": "^6.20.0",
"@typescript-eslint/parser": "^6.20.0",
"autoprefixer": "^10.4.16",
"concurrently": "^8.2.2",
"eslint-config-prettier": "^9.1.0",
"eslint-plugin-prettier": "^5.1.3",
"eslint-plugin-svelte": "^2.35.1",
"http-server": "^14.1.1",
"jest-image-snapshot": "^6.2.0",
"postcss": "^8.4.30",
"prettier": "^3.2.4",
@ -70,10 +61,5 @@ @@ -70,10 +61,5 @@
"parse-diff": "^0.11.1",
"ramda": "^0.29.1",
"svelte-markdown": "^0.4.1"
},
"resolutions": {
"playwright": "1.40.0",
"playwright-core": "1.40.0",
"jackspeak": "2.1.1"
}
}

13
test-runner-jest.config.js

@ -1,13 +0,0 @@ @@ -1,13 +0,0 @@
const { getJestConfig } = require('@storybook/test-runner');
const path = require('path');
/**
* @type {import('@jest/types').Config.InitialOptions}
*/
module.exports = {
// The default configuration comes from @storybook/test-runner
...getJestConfig(),
/** Add your own overrides below
* @see https://jestjs.io/docs/configuration
*/
snapshotResolver: "<rootDir>/test-runner-snapshotresolver.js"
};

9
test-runner-snapshotresolver.js

@ -1,9 +0,0 @@ @@ -1,9 +0,0 @@
const path = require('path');
module.exports = {
resolveSnapshotPath: (testPath, snapshotExtension) =>
path.join(process.cwd(), '__snapshots__', path.basename(testPath) + snapshotExtension),
resolveTestPath: (snapshotFilePath, snapshotExtension) =>
path.join(process.env.TEST_ROOT, path.basename(snapshotFilePath, snapshotExtension)),
testPathForConsistencyCheck: path.join(process.env.TEST_ROOT, 'example.test.js'),
};

2015
yarn.lock

File diff suppressed because it is too large Load Diff
Loading…
Cancel
Save