E-1 完了サマリー

実施内容
#	変更内容	ファイル
1	OfficialChusankanField に 11 フィールド追加(17列化)	models.py
2	中山間インポート: 17 列すべて読み込み対応	views.py
3	共済インポート: 面積カラム名不一致バグ修正 + a→m2 変換(×100)	views.py
4	シリアライザに 11 フィールド追加	serializers.py
5	共済 PDF: A4 縦、表形式、@page 設定、ページ番号、中国語除去	kyosai_template.html
6	中山間 PDF: A4 横、表形式、@page 設定、ページ番号、中国語除去	chusankan_template.html
7	PDF 生成ロジック: フラットテーブル、null 安全、prefetch_related	reports/views.py
8	既存データ再インポート(共済面積修正 + 中山間 17 列埋め)	—
9	Playwright E2E テスト 11 件全 PASS	verify-fixes.spec.ts
追加発見・修正したバグ
共済 ODS の 本地面積 (m2) カラム名にスペースが含まれ、インポート時に面積が全件 0 になっていた
面積の単位がアール(a)であることが判明。m2 への変換 (×100) を追加
PDF は http://localhost:3000/reports からダウンロードして確認できます。
This commit is contained in:
Akira
2026-02-17 15:27:14 +09:00
parent 85362d40c9
commit d70b5ee551
13 changed files with 584 additions and 192 deletions

View File

@@ -0,0 +1,199 @@
import { test, expect, Page } from '@playwright/test';
const LOGIN_URL = 'http://localhost:3000/login';
const API_URL = 'http://localhost:8000/api';
const USERNAME = 'admin';
const PASSWORD = 'admin123';
/** ログインしてトークンを localStorage にセット */
async function loginViaUI(page: Page) {
await page.goto(LOGIN_URL);
await page.fill('#username', USERNAME);
await page.fill('#password', PASSWORD);
await page.click('button[type="submit"]');
// ログイン後 /allocation にリダイレクトされるのを待つ
await page.waitForURL('**/allocation', { timeout: 15000 });
}
// ===== D-4: IsAuthenticated が有効か =====
test.describe('D-4: IsAuthenticated', () => {
test('未認証で API にアクセスすると 401 が返る', async ({ request }) => {
const res = await request.get(`${API_URL}/fields/`);
expect(res.status()).toBe(401);
});
test('未認証でフロントにアクセスするとログイン画面にリダイレクト', async ({ page }) => {
await page.goto('http://localhost:3000/allocation');
// API が 401 を返すので、フロントがログイン画面に遷移するはず
await page.waitForURL('**/login', { timeout: 10000 });
await expect(page.locator('text=KeinaSystem')).toBeVisible();
});
});
// ===== ログイン → 作付計画画面 =====
test.describe('ログイン → 作付計画画面', () => {
test('ログインして作付計画画面が表示される', async ({ page }) => {
await loginViaUI(page);
// allocation ページにいることを確認
expect(page.url()).toContain('/allocation');
// 圃場のデータが読み込まれるのを待つ(テーブルまたはリストが表示されるはず)
await page.waitForTimeout(2000);
// ページ内に何かしらのコンテンツがある
const body = await page.textContent('body');
expect(body).toBeTruthy();
});
});
// ===== A-8: 圃場詳細の共済/中山間情報表示 =====
test.describe('A-8: 圃場詳細 共済/中山間情報', () => {
test('共済・中山間の両方が紐づく圃場で情報が表示される', async ({ page }) => {
await loginViaUI(page);
// Field ID 8 (口神 ハウス南) は kyosai=1, chusankan=1
await page.goto('http://localhost:3000/fields/8');
await page.waitForLoadState('networkidle');
// 共済情報セクション
await expect(page.locator('text=共済情報')).toBeVisible();
// テーブルヘッダが表示される
await expect(page.locator('text=耕地-分筆')).toBeVisible();
await expect(page.locator('text=漢字地名')).toBeVisible();
// 「紐づけられた共済区画はありません」が表示されないこと
await expect(page.locator('text=紐づけられた共済区画はありません')).not.toBeVisible();
// 中山間情報セクション
await expect(page.locator('text=中山間情報')).toBeVisible();
await expect(page.locator('text=所在地')).toBeVisible();
// 「紐づけられた中山間区画はありません」が表示されないこと
await expect(page.locator('text=紐づけられた中山間区画はありません')).not.toBeVisible();
});
test('共済のみ紐づく圃場で共済情報が表示される', async ({ page }) => {
await loginViaUI(page);
// Field ID 3 (おまけ) は kyosai=1, chusankan=0
await page.goto('http://localhost:3000/fields/3');
await page.waitForLoadState('networkidle');
await expect(page.locator('text=共済情報')).toBeVisible();
await expect(page.locator('text=紐づけられた共済区画はありません')).not.toBeVisible();
await expect(page.locator('text=紐づけられた中山間区画はありません')).toBeVisible();
});
});
// ===== E-1: PDF帳票フォーマット再設計 =====
test.describe('E-1: PDF帳票', () => {
test('共済PDF が 200 で返る(表形式テンプレート)', async ({ page }) => {
await loginViaUI(page);
const token = await page.evaluate(() => localStorage.getItem('accessToken'));
const res = await page.request.get(`${API_URL}/reports/kyosai/2025/`, {
headers: { Authorization: `Bearer ${token}` },
});
expect(res.status()).toBe(200);
expect(res.headers()['content-type']).toContain('application/pdf');
});
test('中山間PDF が 200 で返る(表形式テンプレート)', async ({ page }) => {
await loginViaUI(page);
const token = await page.evaluate(() => localStorage.getItem('accessToken'));
const res = await page.request.get(`${API_URL}/reports/chusankan/2025/`, {
headers: { Authorization: `Bearer ${token}` },
});
expect(res.status()).toBe(200);
expect(res.headers()['content-type']).toContain('application/pdf');
});
test('帳票画面からPDFダウンロードリンクが表示される', async ({ page }) => {
await loginViaUI(page);
await page.goto('http://localhost:3000/reports');
await page.waitForLoadState('networkidle');
// 帳票画面が表示される
const body = await page.textContent('body');
expect(body).toBeTruthy();
});
});
// ===== E-1c: 中山間マスタ 17フィールド =====
test.describe('E-1c: 中山間マスタ拡張', () => {
test('中山間 API が 17 フィールドを返す', async ({ page }) => {
await loginViaUI(page);
const token = await page.evaluate(() => localStorage.getItem('accessToken'));
// Field ID 8 は chusankan=1
const res = await page.request.get(`${API_URL}/fields/8/`, {
headers: { Authorization: `Bearer ${token}` },
});
expect(res.status()).toBe(200);
const data = await res.json();
const ch = data.chusankan_fields[0];
expect(ch).toBeDefined();
// 新フィールドが存在する
expect(ch).toHaveProperty('manager');
expect(ch).toHaveProperty('owner');
expect(ch).toHaveProperty('planting_area');
expect(ch).toHaveProperty('original_crop');
expect(ch).toHaveProperty('slope');
expect(ch).toHaveProperty('base_amount');
expect(ch).toHaveProperty('branch_num');
expect(ch).toHaveProperty('land_type');
});
test('共済マスタの面積が 0 でない', async ({ page }) => {
await loginViaUI(page);
const token = await page.evaluate(() => localStorage.getItem('accessToken'));
// Field ID 3 (おまけ) は kyosai=1
const res = await page.request.get(`${API_URL}/fields/3/`, {
headers: { Authorization: `Bearer ${token}` },
});
const data = await res.json();
const k = data.kyosai_fields[0];
expect(k).toBeDefined();
expect(k.area).toBeGreaterThan(0);
});
});
// ===== C-2: 共済マスタ unique 制約 =====
test.describe('C-2: 共済マスタ unique 制約 (k_num, s_num)', () => {
test('同じ k_num + s_num の重複登録が拒否される', async ({ page }) => {
await loginViaUI(page);
const token = await page.evaluate(() => localStorage.getItem('accessToken'));
// まずテスト用データを作成
const createRes = await page.request.post(`${API_URL}/fields/kyosai/`, {
headers: {
Authorization: `Bearer ${token}`,
'Content-Type': 'application/json',
},
data: {
k_num: 'TEST99',
s_num: '1',
kanji_name: 'テスト区画',
address: 'テスト住所',
area: 1000,
},
});
// 作成成功 or 既に存在する場合
if (createRes.status() === 201) {
// 同じ k_num + s_num で再度作成 → 拒否されるべき
const dupRes = await page.request.post(`${API_URL}/fields/kyosai/`, {
headers: {
Authorization: `Bearer ${token}`,
'Content-Type': 'application/json',
},
data: {
k_num: 'TEST99',
s_num: '1',
kanji_name: 'テスト区画2',
address: 'テスト住所2',
area: 2000,
},
});
// 400 (validation error) が返るべき
expect(dupRes.status()).toBe(400);
// クリーンアップ: テストデータ削除
const created = await createRes.json();
await page.request.delete(`${API_URL}/fields/kyosai/${created.id}/`, {
headers: { Authorization: `Bearer ${token}` },
});
}
});
});

View File

@@ -17,6 +17,7 @@
"tailwind-merge": "^3.4.0"
},
"devDependencies": {
"@playwright/test": "^1.58.2",
"@types/node": "^20",
"@types/react": "^18",
"@types/react-dom": "^18",
@@ -494,6 +495,22 @@
"node": ">=14"
}
},
"node_modules/@playwright/test": {
"version": "1.58.2",
"resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.58.2.tgz",
"integrity": "sha512-akea+6bHYBBfA9uQqSYmlJXn61cTa+jbO87xVLCWbTqbWadRVmhxlXATaOjOgcBaWU4ePo0wB41KMFv3o35IXA==",
"dev": true,
"license": "Apache-2.0",
"dependencies": {
"playwright": "1.58.2"
},
"bin": {
"playwright": "cli.js"
},
"engines": {
"node": ">=18"
}
},
"node_modules/@rtsao/scc": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
@@ -558,6 +575,7 @@
"integrity": "sha512-z9VXpC7MWrhfWipitjNdgCauoMLRdIILQsAEV+ZesIzBq/oUlxk0m3ApZuMFCXdnS4U7KrI+l3WRUEGQ8K1QKw==",
"dev": true,
"license": "MIT",
"peer": true,
"dependencies": {
"@types/prop-types": "*",
"csstype": "^3.2.2"
@@ -989,6 +1007,7 @@
"integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
"dev": true,
"license": "MIT",
"peer": true,
"bin": {
"acorn": "bin/acorn"
},
@@ -1445,6 +1464,7 @@
}
],
"license": "MIT",
"peer": true,
"dependencies": {
"baseline-browser-mapping": "^2.9.0",
"caniuse-lite": "^1.0.30001759",
@@ -2122,6 +2142,7 @@
"deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
"dev": true,
"license": "MIT",
"peer": true,
"dependencies": {
"@eslint-community/eslint-utils": "^4.2.0",
"@eslint-community/regexpp": "^4.6.1",
@@ -2290,6 +2311,7 @@
"integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
"dev": true,
"license": "MIT",
"peer": true,
"dependencies": {
"@rtsao/scc": "^1.1.0",
"array-includes": "^3.1.9",
@@ -3707,6 +3729,7 @@
"integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
"dev": true,
"license": "MIT",
"peer": true,
"bin": {
"jiti": "bin/jiti.js"
}
@@ -4461,6 +4484,53 @@
"node": ">= 6"
}
},
"node_modules/playwright": {
"version": "1.58.2",
"resolved": "https://registry.npmjs.org/playwright/-/playwright-1.58.2.tgz",
"integrity": "sha512-vA30H8Nvkq/cPBnNw4Q8TWz1EJyqgpuinBcHET0YVJVFldr8JDNiU9LaWAE1KqSkRYazuaBhTpB5ZzShOezQ6A==",
"dev": true,
"license": "Apache-2.0",
"dependencies": {
"playwright-core": "1.58.2"
},
"bin": {
"playwright": "cli.js"
},
"engines": {
"node": ">=18"
},
"optionalDependencies": {
"fsevents": "2.3.2"
}
},
"node_modules/playwright-core": {
"version": "1.58.2",
"resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.58.2.tgz",
"integrity": "sha512-yZkEtftgwS8CsfYo7nm0KE8jsvm6i/PTgVtB8DL726wNf6H2IMsDuxCpJj59KDaxCtSnrWan2AeDqM7JBaultg==",
"dev": true,
"license": "Apache-2.0",
"bin": {
"playwright-core": "cli.js"
},
"engines": {
"node": ">=18"
}
},
"node_modules/playwright/node_modules/fsevents": {
"version": "2.3.2",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
"integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
"dev": true,
"hasInstallScript": true,
"license": "MIT",
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
}
},
"node_modules/possible-typed-array-names": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
@@ -4491,6 +4561,7 @@
}
],
"license": "MIT",
"peer": true,
"dependencies": {
"nanoid": "^3.3.11",
"picocolors": "^1.1.1",
@@ -4698,6 +4769,7 @@
"resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
"integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
"license": "MIT",
"peer": true,
"dependencies": {
"loose-envify": "^1.1.0"
},
@@ -4710,6 +4782,7 @@
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
"integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
"license": "MIT",
"peer": true,
"dependencies": {
"loose-envify": "^1.1.0",
"scheduler": "^0.23.2"
@@ -5617,6 +5690,7 @@
"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
"dev": true,
"license": "MIT",
"peer": true,
"engines": {
"node": ">=12"
},
@@ -5786,6 +5860,7 @@
"integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
"dev": true,
"license": "Apache-2.0",
"peer": true,
"bin": {
"tsc": "bin/tsc",
"tsserver": "bin/tsserver"

View File

@@ -18,6 +18,7 @@
"tailwind-merge": "^3.4.0"
},
"devDependencies": {
"@playwright/test": "^1.58.2",
"@types/node": "^20",
"@types/react": "^18",
"@types/react-dom": "^18",

View File

@@ -0,0 +1,11 @@
import { defineConfig } from '@playwright/test';
export default defineConfig({
testDir: './e2e',
timeout: 30000,
use: {
baseURL: 'http://localhost:3000',
headless: true,
},
webServer: undefined, // frontend/backend are already running in Docker
});

View File

@@ -0,0 +1,4 @@
{
"status": "passed",
"failedTests": []
}