@tenjuu99/blog 0.3.5 → 0.4.0

package/bin/dev-server

@@ -10,6 +10,7 @@ const __filename = fileURLToPath(import.meta.url);
 const libDir = path.dirname(__filename) + '/../lib/'
 const binDir = path.dirname(__filename) + '/../bin/'
 
+const imageDir = path.join(srcDir, 'image')
 watchers.push({
   paths: [srcDir, libDir, packageDirCore],
   event: ['change', 'add', 'unlink'],
@@ -19,7 +20,8 @@ watchers.push({
     console.error('restarting')
   },
   watchOptions: {
-    ignoreInitial: true
+    ignoreInitial: true,
+    ignored: (filePath) => filePath.startsWith(imageDir)
   }
 })
 watch()

package/bin/server

@@ -4,4 +4,11 @@ import server from '../lib/server.js'
 import generate from '../lib/generate.js'
 
 generate()
-server().listen(process.env.PORT || 8000)
+const httpServer = server().listen(process.env.PORT || 8000)
+
+const shutdown = () => {
+  httpServer.close(() => process.exit(0))
+  setTimeout(() => process.exit(0), 15000).unref()
+}
+process.on('SIGINT', shutdown)
+process.on('SIGTERM', shutdown)

package/docs/develop.md

@@ -105,8 +105,8 @@ tenjuu99-blog/
 
 1. **Red（テスト作成）**: 失敗するテストを書く
    ```bash
-   # test/ ディレクトリにテストファイルを作成
-   # 例: test/category-tree.test.js
+   # tests/ ディレクトリにテストファイルを作成
+   # 例: tests/category-tree.test.js
    ```
 
 2. **Green（最小限の実装）**: テストがパスする最小限のコードを書く
@@ -124,13 +124,13 @@ tenjuu99-blog/
 
 **テストファイルの配置:**
 
-- `test/` ディレクトリに `*.test.js` 形式で配置
+- `tests/` ディレクトリに `*.test.js` 形式で配置
 - Node.js標準のテストランナーを使用（`node --test`）
 
 **テストの例:**
 
 ```javascript
-// test/example.test.js
+// tests/example.test.js
 import { test } from 'node:test'
 import assert from 'node:assert'
 import { myFunction } from '../lib/myModule.js'
@@ -143,7 +143,7 @@ test('機能の説明', () => {
 
 **実装例（カテゴリー機能の場合）:**
 
-1. `test/category-tree.test.js` - カテゴリーツリー構築のテスト（12件）
+1. `tests/category-tree.test.js` - カテゴリーツリー構築のテスト（12件）
 2. `packages/category/helper/category.js` - 実装
 3. `npm test` - テスト実行
 4. すべてパス後、次のテストを作成
@@ -480,7 +480,7 @@ npm run test:watch    # ウォッチモード
 新しいテストを追加する場合:
 
 ```javascript
-// test/example.test.js
+// tests/example.test.js
 import { test } from 'node:test';
 import assert from 'node:assert';
 
@@ -493,6 +493,36 @@ test('テストの説明', () => {
 
 ユニットテストに加えて、`src-sample/` での手動テストも推奨します。
 
+### 受け入れテスト
+
+ブラウザを使ったE2Eテストには **Playwright** を使用します。
+
+**配置場所**: `tests/acceptance/*.spec.ts`
+
+**実行方法**:
+
+```bash
+npx playwright test              # 全受け入れテスト実行
+npx playwright test --ui         # UIモードで実行
+npx playwright test --headed     # ブラウザを表示して実行
+```
+
+**対象**: ユニットテストでは検証しにくいブラウザ操作・画面表示を伴う機能（主に `packages/editor` の操作フロー）。
+
+**テストファイルの例**:
+
+```typescript
+// tests/acceptance/example.spec.ts
+import { test, expect } from '@playwright/test';
+
+test('機能の説明', async ({ page }) => {
+  await page.goto('/');
+  await expect(page.getByRole('heading')).toBeVisible();
+});
+```
+
+設定は `playwright.config.ts` を参照してください。開発サーバーは `node bin/server`（ポート8000）が自動起動します。
+
 ## コントリビューション
 
 ### コーディングスタイル