ReDesign site #249
yamanokuAnnotations
5 errors
|
test (24.x)
Process completed with exit code 1.
|
|
app/pages/speakers/[name]/index.test.ts > speakers/[name]/index.vue > 異なるスピーカー名 > 日本語のスピーカー名を処理する:
app/pages/speakers/[name]/index.test.ts#L168
AssertionError: expected '<div>\n <header class="border-b bord…' to contain '山田太郎 発表一覧'
- Expected
+ Received
- 山田太郎 発表一覧
+ <div>
+ <header class="border-b border-[var(--rule)] bg-[var(--paper)] sticky top-0 z-20" style="backdrop-filter: saturate(1.1);" role="banner">
+ <div class="grid grid-cols-[1fr_auto] items-center gap-6 py-[14px] px-[var(--pad-x)]"><a to="/" class="flex items-baseline gap-[10px] [font-family:var(--font-display)] font-semibold text-[15px] whitespace-nowrap leading-[1.15] text-[var(--ink)] no-underline tracking-[-0.01em]" aria-label="Vue Fes Japan Speakers archive — home"><span class="w-[14px] h-[14px] rounded-full bg-[var(--accent)] inline-block translate-y-[1px] shrink-0" aria-hidden="true"></span><span>Vue Fes Japan Speakers</span></a>
+ <div class="flex items-center gap-2">
+ <div class="inline-flex border border-[var(--rule)] [font-family:var(--font-mono)] text-[12px] tracking-[0.08em]" role="group" aria-label="言語"><button type="button" class="px-[10px] py-[5px] cursor-pointer bg-[var(--ink)] text-[var(--paper)]" aria-pressed="true"> JA </button><button type="button" class="px-[10px] py-[5px] cursor-pointer border-l border-[var(--rule)] text-[var(--ink-3)]" aria-pressed="false"> EN </button></div>
+ </div>
+ </div>
+ </header>
+ <header class="border-b border-[var(--rule)] pt-[clamp(32px,5vw,72px)] pb-[clamp(24px,4vw,48px)] px-[var(--pad-x)]">
+ <h1 class="[font-family:var(--font-display)] text-[clamp(28px,4.5vw,72px)] font-bold tracking-[-0.04em] leading-[1] mb-[16px]" lang="ja">山田太郎</h1>
+ <div class="[font-family:var(--font-mono)] text-[12px] text-[var(--ink-3)]">
+ <div>1回登壇</div>
+ <div class="mt-[8px]">登壇年:
+ <!--v-if--><a to="/2024" class="text-[var(--accent)] underline hover:no-underline">2024</a>
+ </div>
+ </div>
+ </header>
+ <section class="px-[var(--pad-x)] py-[40px]">
+ <div class="[font-family:var(--font-mono)] text-[10px] tracking-[0.1em] text-[var(--ink-3)] mb-[16px]">発表一覧</div>
+ <ol class="list-none p-0 m-0">
+ <li class="grid grid-cols-[60px_1fr_auto] gap-x-[16px] items-baseline py-[14px] border-t border-[var(--rule-softer)]"><span class="[font-family:var(--font-mono)] text-[11px] text-[var(--ink-3)]"><a to="/2024" class="text-[var(--accent)] underline hover:no-underline">2024</a></span><a class="text-[16px] text-[var(--ink)] no-underline flex items-baseline gap-[4px] hover:text-[var(--accent)]" href="https://example.com/jp1" target="_blank" rel="noopener noreferrer"><span lang="ja">Vue.jsの基礎</span><span class="text-[11px] opacity-70" aria-label="外部リンク">↗</span></a>
+ <!--v-if-->
+ </li>
+ </ol>
+ </section>
+ <footer class="border-t border-[var(--rule)] flex flex-wrap gap-x-[24px] gap-y-[8px] items-baseline justify-between px-[var(--pad-x)] py-[20px] text-[12px] text-[var(--ink-3)] [font-family:var(--font-mono)]">
+ <div><a to="/" class="text-inherit underline hover:no-underline hover:text-[var(--ink-3)]">TOPページに戻る</a></div>
+ <div><a href="https://github.com/yamanoku/vuefes-japan-speakers" target="_blank" rel="noopener" class="text-inherit underline hover:no-underline hover:text-[var(--ink-3)]">GitHub</a></div>
+ </footer>
+ </div>
❯ app/pages/speakers/[name]/index.test.ts:168:7
❯ node_modules/.pnpm/@voidzero-dev+vite-plus-test@0.1.18_@types+node@20.19.25_esbuild@0.27.3_happy-dom@20.9._1b68744e9ea41f258e7ca7624581ee77/node_modules/@voidzero-dev/vite-plus-test/dist/@vitest/runner/chunk-artifact.js:1903:22
|
|
app/pages/speakers/[name]/index.test.ts > speakers/[name]/index.vue > スピーカー名とトークを含むページをレンダリングする:
app/pages/speakers/[name]/index.test.ts#L105
AssertionError: expected '<div>\n <header class="border-b bord…' to contain 'John Doe 発表一覧'
- Expected
+ Received
- John Doe 発表一覧
+ <div>
+ <header class="border-b border-[var(--rule)] bg-[var(--paper)] sticky top-0 z-20" style="backdrop-filter: saturate(1.1);" role="banner">
+ <div class="grid grid-cols-[1fr_auto] items-center gap-6 py-[14px] px-[var(--pad-x)]"><a to="/" class="flex items-baseline gap-[10px] [font-family:var(--font-display)] font-semibold text-[15px] whitespace-nowrap leading-[1.15] text-[var(--ink)] no-underline tracking-[-0.01em]" aria-label="Vue Fes Japan Speakers archive — home"><span class="w-[14px] h-[14px] rounded-full bg-[var(--accent)] inline-block translate-y-[1px] shrink-0" aria-hidden="true"></span><span>Vue Fes Japan Speakers</span></a>
+ <div class="flex items-center gap-2">
+ <div class="inline-flex border border-[var(--rule)] [font-family:var(--font-mono)] text-[12px] tracking-[0.08em]" role="group" aria-label="言語"><button type="button" class="px-[10px] py-[5px] cursor-pointer bg-[var(--ink)] text-[var(--paper)]" aria-pressed="true"> JA </button><button type="button" class="px-[10px] py-[5px] cursor-pointer border-l border-[var(--rule)] text-[var(--ink-3)]" aria-pressed="false"> EN </button></div>
+ </div>
+ </div>
+ </header>
+ <header class="border-b border-[var(--rule)] pt-[clamp(32px,5vw,72px)] pb-[clamp(24px,4vw,48px)] px-[var(--pad-x)]">
+ <h1 class="[font-family:var(--font-display)] text-[clamp(28px,4.5vw,72px)] font-bold tracking-[-0.04em] leading-[1] mb-[16px]" lang="en">John Doe</h1>
+ <div class="[font-family:var(--font-mono)] text-[12px] text-[var(--ink-3)]">
+ <div>2回登壇</div>
+ <div class="mt-[8px]">登壇年:
+ <!--v-if--><a to="/2023" class="text-[var(--accent)] underline hover:no-underline">2023</a>, <a to="/2024" class="text-[var(--accent)] underline hover:no-underline">2024</a>
+ </div>
+ </div>
+ </header>
+ <section class="px-[var(--pad-x)] py-[40px]">
+ <div class="[font-family:var(--font-mono)] text-[10px] tracking-[0.1em] text-[var(--ink-3)] mb-[16px]">発表一覧</div>
+ <ol class="list-none p-0 m-0">
+ <li class="grid grid-cols-[60px_1fr_auto] gap-x-[16px] items-baseline py-[14px] border-t border-[var(--rule-softer)]"><span class="[font-family:var(--font-mono)] text-[11px] text-[var(--ink-3)]"><a to="/2023" class="text-[var(--accent)] underline hover:no-underline">2023</a></span><a class="text-[16px] text-[var(--ink)] no-underline flex items-baseline gap-[4px] hover:text-[var(--accent)]" href="https://example.com/talk2" target="_blank" rel="noopener noreferrer"><span lang="en">Nuxt 3 Deep Dive</span><span class="text-[11px] opacity-70" aria-label="外部リンク">↗</span></a>
+ <!--v-if-->
+ </li>
+ <li class="grid grid-cols-[60px_1fr_auto] gap-x-[16px] items-baseline py-[14px] border-t border-[var(--rule-softer)]"><span class="[font-family:var(--font-mono)] text-[11px] text-[var(--ink-3)]"><a to="/2024" class="text-[var(--accent)] underline hover:no-underline">2024</a></span><a class="text-[16px] text-[var(--ink)] no-underline flex items-baseline gap-[4px] hover:text-[var(--accent)]" href="https://example.com/talk1" target="_blank" rel="noopener noreferrer"><span lang="en">Vue.js Advanced</span><span class="text-[11px] opacity-70" aria-label="外部リンク">↗</span></a>
+ <!--v-if-->
+ </li>
+ </ol>
+ </section>
+ <footer class="border-t border-[var(--rule)] flex flex-wrap gap-x-[24px] gap-y-[8px] items-baseline justify-between px-[var(--pad-x)] py-[20px] text-[12px] text-[var(--ink-3)] [font-family:var(--font-mono)]">
+ <div><a to="/" class="text-inherit underline hover:no-underline hover:text-[var(--ink-3)]">TOPページに戻る</a></div>
+ <div><a href="https://github.com/yamanoku/vuefes-japan-speakers" target="_blank" rel="noopener" class="text-inherit underline hover:no-underline hover:text-[var(--ink-3)]">GitHub</a></div>
+ </footer>
+ </div>
❯ app/pages/speakers/[name]/i
|
|
app/pages/[year]/index.test.ts > [year]/index.vue > 空のスピーカーリストを含むページをレンダリングする:
app/pages/[year]/index.test.ts#L137
AssertionError: expected '<div>\n <header class="border-b bord…' to contain 'Vue Fes Japan 2024'
- Expected
+ Received
- Vue Fes Japan 2024
+ <div>
+ <header class="border-b border-[var(--rule)] bg-[var(--paper)] sticky top-0 z-20" style="backdrop-filter: saturate(1.1);" role="banner">
+ <div class="grid grid-cols-[1fr_auto] items-center gap-6 py-[14px] px-[var(--pad-x)]"><a to="/" class="flex items-baseline gap-[10px] [font-family:var(--font-display)] font-semibold text-[15px] whitespace-nowrap leading-[1.15] text-[var(--ink)] no-underline tracking-[-0.01em]" aria-label="Vue Fes Japan Speakers archive — home"><span class="w-[14px] h-[14px] rounded-full bg-[var(--accent)] inline-block translate-y-[1px] shrink-0" aria-hidden="true"></span><span>Vue Fes Japan Speakers</span></a>
+ <div class="flex items-center gap-2">
+ <div class="inline-flex border border-[var(--rule)] [font-family:var(--font-mono)] text-[12px] tracking-[0.08em]" role="group" aria-label="言語"><button type="button" class="px-[10px] py-[5px] cursor-pointer bg-[var(--ink)] text-[var(--paper)]" aria-pressed="true"> JA </button><button type="button" class="px-[10px] py-[5px] cursor-pointer border-l border-[var(--rule)] text-[var(--ink-3)]" aria-pressed="false"> EN </button></div>
+ </div>
+ </div>
+ </header>
+ <header class="border-b border-[var(--rule)] pt-[clamp(32px,5vw,72px)] pb-[clamp(24px,4vw,48px)] px-[var(--pad-x)]">
+ <h1 class="[font-family:var(--font-display)] text-[clamp(28px,4.5vw,72px)] font-bold tracking-[-0.04em] leading-[1] mb-[16px]"> Vue Fes Japan
+ <!--v-if--><em class="not-italic text-[var(--accent)]">2024</em>
+ </h1>
+ <div class="[font-family:var(--font-mono)] text-[12px] text-[var(--ink-3)]">
+ <div>全 0 発表</div>
+ <div class="mt-[8px]"><a href="https://vuefes.jp/2024/" target="_blank" rel="noopener noreferrer" class="text-inherit hover:text-[var(--ink)] underline hover:no-underline">公式サイト ↗ </a></div>
+ </div>
+ </header>
+ <section class="px-[var(--pad-x)] py-[40px]">
+ <ol class="list-none p-0 m-0">
+ <li class="border-b border-[var(--rule)]">
+ <ul class="list-none p-0 m-0"></ul>
+ </li>
+ </ol>
+ </section>
+ <footer class="border-t border-[var(--rule)] flex flex-wrap gap-x-[24px] gap-y-[8px] items-baseline justify-between px-[var(--pad-x)] py-[20px] text-[12px] text-[var(--ink-3)] [font-family:var(--font-mono)]">
+ <div><a to="/" class="text-inherit underline hover:no-underline hover:text-[var(--ink-3)]">TOPページに戻る</a></div>
+ <div><a href="https://github.com/yamanoku/vuefes-japan-speakers" target="_blank" rel="noopener" class="text-inherit underline hover:no-underline hover:text-[var(--ink-3)]">GitHub</a></div>
+ </footer>
+ </div>
❯ app/pages/[year]/index.test.ts:137:5
❯ node_modules/.pnpm/@voidzero-dev+vite-plus-test@0.1.18_@types+node@20.19.25_esbuild@0.27.3_happy-dom@20.9._1b68744e9ea41f258e7ca7624581ee77/node_modules/@voidzero-dev/vite-plus-test/dist/@vitest/runner/chunk-artifact.js:1903:22
|
|
app/pages/[year]/index.test.ts > [year]/index.vue > 年とスピーカーリストを含むページをレンダリングする:
app/pages/[year]/index.test.ts#L109
AssertionError: expected '<div>\n <header class="border-b bord…' to contain 'Vue Fes Japan 2024'
- Expected
+ Received
- Vue Fes Japan 2024
+ <div>
+ <header class="border-b border-[var(--rule)] bg-[var(--paper)] sticky top-0 z-20" style="backdrop-filter: saturate(1.1);" role="banner">
+ <div class="grid grid-cols-[1fr_auto] items-center gap-6 py-[14px] px-[var(--pad-x)]"><a to="/" class="flex items-baseline gap-[10px] [font-family:var(--font-display)] font-semibold text-[15px] whitespace-nowrap leading-[1.15] text-[var(--ink)] no-underline tracking-[-0.01em]" aria-label="Vue Fes Japan Speakers archive — home"><span class="w-[14px] h-[14px] rounded-full bg-[var(--accent)] inline-block translate-y-[1px] shrink-0" aria-hidden="true"></span><span>Vue Fes Japan Speakers</span></a>
+ <div class="flex items-center gap-2">
+ <div class="inline-flex border border-[var(--rule)] [font-family:var(--font-mono)] text-[12px] tracking-[0.08em]" role="group" aria-label="言語"><button type="button" class="px-[10px] py-[5px] cursor-pointer bg-[var(--ink)] text-[var(--paper)]" aria-pressed="true"> JA </button><button type="button" class="px-[10px] py-[5px] cursor-pointer border-l border-[var(--rule)] text-[var(--ink-3)]" aria-pressed="false"> EN </button></div>
+ </div>
+ </div>
+ </header>
+ <header class="border-b border-[var(--rule)] pt-[clamp(32px,5vw,72px)] pb-[clamp(24px,4vw,48px)] px-[var(--pad-x)]">
+ <h1 class="[font-family:var(--font-display)] text-[clamp(28px,4.5vw,72px)] font-bold tracking-[-0.04em] leading-[1] mb-[16px]"> Vue Fes Japan
+ <!--v-if--><em class="not-italic text-[var(--accent)]">2024</em>
+ </h1>
+ <div class="[font-family:var(--font-mono)] text-[12px] text-[var(--ink-3)]">
+ <div>全 3 発表</div>
+ <div class="mt-[8px]"><a href="https://vuefes.jp/2024/" target="_blank" rel="noopener noreferrer" class="text-inherit hover:text-[var(--ink)] underline hover:no-underline">公式サイト ↗ </a></div>
+ </div>
+ </header>
+ <section class="px-[var(--pad-x)] py-[40px]">
+ <ol class="list-none p-0 m-0">
+ <li class="border-b border-[var(--rule)]">
+ <ul class="list-none p-0 m-0">
+ <li class="grid grid-cols-[40px_1fr] border-t border-[var(--rule-softer)] py-[18px]">
+ <div class="[font-family:var(--font-mono)] text-[11px] text-[var(--ink-4)] pt-[3px] text-center" aria-hidden="true"><span>01</span></div>
+ <div class="pr-[24px]">
+ <div class="flex flex-wrap gap-x-[8px] gap-y-[4px] mb-[4px] items-center">
+ <!--v-if--><a to="/speakers/John%20Doe" class="text-[15px] font-semibold no-underline text-[var(--ink)] tracking-[-0.01em] hover:text-[var(--accent)]"><span>John Doe</span></a><span class="text-[var(--ink-4)] text-[12px]" aria-hidden="true"> × </span><a to="/speakers/Jane%20Smith" class="text-[15px] font-semibold no-underline text-[var(--ink)] tracking-[-0.01em] hover:text-[var(--accent)]"><span>Jane Smith</span></a>
+ </div>
+ <div class="text-[14px] text-[var(--ink-3)]"><a href="https://example.com/talk1" target="_blank" rel="noopener noreferrer" class="text-inherit hover:text-[var(--ink)] flex items-baseline gap-[4px]"><span class="underline hover:no-underline" lang="en">Vue.js Advanced</span><span class="text-[11px] opacity-70" aria-label="外部リンク">↗</span></a></div>
+ </div>
+ </li>
+ <li class="grid grid-cols-[40px_1fr] border-t border-[var(--rule-softer)] py-[18px]">
+ <div class="[font-family:var(--font-mono)] text-[11px] text-[var(--ink-4)] pt-[3px] text-center" aria-hidden="true"><span>02</span></div>
+ <div class="pr-[24px]">
+ <div class="flex flex-wrap gap-x-[8px] gap-y-[4px] mb-[4px] items-center">
+ <!--v-if--><a to="/speakers/Alice%20Johnson" class="text-[15px] font-semibold no-underline text-[var(--ink)] tracking-[-0.01em] hover:text-[var(--accent)]"><span>Alice Johnson</span></a>
+ </div>
+
|