サムネイル非表示テスト記事
この記事について
この記事はnoThumbnail: trueフラグのテスト用記事です。
詳細ページではサムネイル画像が表示されないはずです。
noThumbnailフラグの動作
期待される動作
- ✅ 記事一覧ページ: サムネイルが表示される
- ✅ カード表示: サムネイルが表示される
- ❌ 詳細記事ページ: サムネイルが非表示
使用例
記事のfrontmatterに以下のように設定します:
---
title: 記事タイトル
date: 2025-11-16
category: tech
noThumbnail: true
---
テストコード例
// Playwrightでのテスト例
test('noThumbnail flag hides thumbnail on detail page', async ({ page }) => {
await page.goto('/articles/no-thumbnail-test');
// サムネイル画像が存在しないことを確認
const thumbnail = page.locator('.article_thumbnail');
await expect(thumbnail).toHaveCount(0);
});
まとめ
noThumbnailフラグを使うことで、詳細ページでサムネイル画像を非表示にできます。
これにより、記事の内容によって柔軟にレイアウトを調整できるようになりました。