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:
199
frontend/e2e/verify-fixes.spec.ts
Normal file
199
frontend/e2e/verify-fixes.spec.ts
Normal 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}` },
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
75
frontend/package-lock.json
generated
75
frontend/package-lock.json
generated
@@ -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"
|
||||
|
||||
@@ -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",
|
||||
|
||||
11
frontend/playwright.config.ts
Normal file
11
frontend/playwright.config.ts
Normal 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
|
||||
});
|
||||
4
frontend/test-results/.last-run.json
Normal file
4
frontend/test-results/.last-run.json
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"status": "passed",
|
||||
"failedTests": []
|
||||
}
|
||||
Reference in New Issue
Block a user