From 82f620ac0b4d3948b6ee5ad94dad49cdd0f0c5de Mon Sep 17 00:00:00 2001 From: Denozordec Date: Sun, 4 Oct 2026 18:05:56 +0700 Subject: [PATCH] =?UTF-8?q?chore(ui):=20=D0=B7=D0=B0=D1=84=D0=B8=D0=BA?= =?UTF-8?q?=D1=81=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D1=82=D1=8C=20=D0=BF=D1=80?= =?UTF-8?q?=D0=BE=D1=84=D0=B8=D0=BB=D1=8C=20=D0=BF=D0=BE=D0=BB=D0=BD=D0=BE?= =?UTF-8?q?=D0=B9=20=D1=82=D0=B0=D0=B1=D0=BB=D0=B8=D1=86=D1=8B=20=D0=BC?= =?UTF-8?q?=D0=B0=D1=80=D1=88=D1=80=D1=83=D1=82=D0=BE=D0=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/ux-ui-performance.md | 2 ++ docs/ux-ui-plan.md | 2 +- docs/ux-ui-progress.md | 2 +- docs/ux-ui-stage-12.md | 5 ++++ .../optimizer-routes-baseline-2026-10-04.json | 9 +++++++ tests/e2e/large-optimizer-routes.spec.ts | 26 +++++++++++++++++++ 6 files changed, 44 insertions(+), 2 deletions(-) create mode 100644 docs/ux-ui/acceptance/optimizer-routes-baseline-2026-10-04.json create mode 100644 tests/e2e/large-optimizer-routes.spec.ts diff --git a/docs/ux-ui-performance.md b/docs/ux-ui-performance.md index 89237bf3..6b96f2dc 100644 --- a/docs/ux-ui-performance.md +++ b/docs/ux-ui-performance.md @@ -105,3 +105,5 @@ Statistics pivot в backend/src/services/statistics-aggregate.ts огранич 12.3.54:1000 HomeRouterCard/179347 bytes →40668 page DOM/11496ms dev ready.1 browser/test lint, baseline без WAN не означает принятую производительность. Далее bounded cards12.3.55. 12.3.55:1000 HomeRouterCard →5/1870 page DOM/1606ms dev ready, full search/URL/refresh/cache/clamp/320px/axe/pin preserved.23+8 main/8 context/type/lint/build. Полный CPU расчёт и1000 native device options остаются; далее1000 full routes. + +12.3.56:WAN10×JH10×Exit10/21 servers/4261 bytes →1000 expanded full-route rows/33049 table DOM/33780 page DOM/3738ms dev ready.1 browser/test lint; baseline, далее12.3.57. diff --git a/docs/ux-ui-plan.md b/docs/ux-ui-plan.md index d7575f5b..03a9e8dc 100644 --- a/docs/ux-ui-plan.md +++ b/docs/ux-ui-plan.md @@ -1,6 +1,6 @@ # План реализации UX/UI по пятичасовым окнам -Актуальное продолжение 2026-10-04: 12.3.55 принят локально:1000 HomeRouterCard→5/1870 page DOM, полный поиск/URL/reload/back/refresh/cache/clamp/320px/axe; закрепление Community сохраняется.23+8 main/8 context/type/lint/build. Далее12.3.56 — исходный профиль полной таблицы маршрутов; затем её ограничение/матрицы/общая регрессия. Внешняя12.5 отдельно. +Актуальное продолжение 2026-10-04: 12.3.56 baseline1000 full routes сохранён:33049 table DOM/33780 page DOM/3738ms dev ready;1 browser/test lint. Далее12.3.57 — client pagination раскрытого списка/полная сортировка/refresh/clamp/320px; затем WAN matrix/общая регрессия. Внешняя12.5 отдельно. Общий план проекта MikrotikManager. Основан на согласованном плане из задачи; точка продолжения обновлена 2026-10-04. Источник фактического прогресса, проверок и ограничений — [журнал реализации](ux-ui-progress.md). Этот документ задаёт объём и критерии завершения, журнал фиксирует результат. diff --git a/docs/ux-ui-progress.md b/docs/ux-ui-progress.md index 8180c90d..1cd5edbd 100644 --- a/docs/ux-ui-progress.md +++ b/docs/ux-ui-progress.md @@ -1,6 +1,6 @@ # UX/UI: журнал реализации -Актуальное продолжение 2026-10-04: 12.3.55 принят локально:1000 HomeRouterCard→5/1870 page DOM, полный поиск/URL/reload/back/refresh/cache/clamp/320px/axe; закрепление Community сохраняется.23+8 main/8 context/type/lint/build. Далее12.3.56 — исходный профиль полной таблицы маршрутов; затем её ограничение/матрицы/общая регрессия. Внешняя12.5 отдельно. +Актуальное продолжение 2026-10-04: 12.3.56 baseline1000 full routes сохранён:33049 table DOM/33780 page DOM/3738ms dev ready;1 browser/test lint. Далее12.3.57 — client pagination раскрытого списка/полная сортировка/refresh/clamp/320px; затем WAN matrix/общая регрессия. Внешняя12.5 отдельно. Общий план: [UX/UI по этапам и пятичасовым окнам](ux-ui-plan.md). План задаёт объём, этот журнал фиксирует выполненные блоки и ограничения. diff --git a/docs/ux-ui-stage-12.md b/docs/ux-ui-stage-12.md index c9cdf7c8..557ec250 100644 --- a/docs/ux-ui-stage-12.md +++ b/docs/ux-ui-stage-12.md @@ -646,3 +646,8 @@ OptimizerHomesList показывает5 карточек на страницу, 23 профильных main прошли; единственный сбой нового pin-сценария был неверным selector теста (row key home::community::index); исправлен, финальный suite8/8 passed.8/8 backend/mode context, TypeScript без incremental/полный ESLint страницы/компонента/тестов/production build прошли.1000 home-router/179347 bytes →5 cards/1870 page DOM/1606ms dev ready вместо40668/11496ms. Проверены page200/refresh, search1000/reload/back/keep/server, cache503/full snapshot, shrink1000→1/URL clamp, pin Community→page2→page1,320px/HTML pagination44px/axe. [Профиль](ux-ui/acceptance/optimizer-homes-pages-2026-10-04.json), [320px](ux-ui/screens/optimizer-homes-pages-320.png) сохранены и просмотрены. Dev latency не production benchmark; native OSPF device select всё ещё содержит1000 options. Следующий12.3.56: полный профиль WAN10×JH10×Exit10/1000 routes и раскрытой таблицы. WAN matrix columns/полный расчёт combinatorics и24 commRecs остаются самостоятельными ограничениями.8 specialized manualPagination:true остаются. Общая регрессия после delta и внешняя12.5 отдельно. Локальный коммит без push. + + +## 12.3.56 — исходный профиль1000 полных маршрутов (2026-10-04) + +Полный валидный servers DTO21 устройство/4261 bytes:WAN10×JH10×Exit10 создаёт1000 full routes.1 browser/test lint passed; раскрытый список1000 rows/33049 table DOM/33780 page DOM/3738ms dev ready. [Профиль](ux-ui/acceptance/optimizer-routes-baseline-2026-10-04.json) сохранён. Это baseline, не performance acceptance; dev latency не production benchmark. Продуктовый код не менялся, build повторно не нужен. Далее12.3.57 ограничить DOM раскрытого списка50/page без потери global sort/индекса/best/refresh/clamp; затем WAN matrix/CPU combinatorics/24 commRecs и общая регрессия. Внешняя12.5 отдельно. Локальный коммит без push. diff --git a/docs/ux-ui/acceptance/optimizer-routes-baseline-2026-10-04.json b/docs/ux-ui/acceptance/optimizer-routes-baseline-2026-10-04.json new file mode 100644 index 00000000..44264339 --- /dev/null +++ b/docs/ux-ui/acceptance/optimizer-routes-baseline-2026-10-04.json @@ -0,0 +1,9 @@ +{ + "combinations": 1000, + "servers": 21, + "bytes": 4261, + "rendered": 1000, + "tableNodes": 33049, + "pageNodes": 33780, + "readyMs": 3738 +} \ No newline at end of file diff --git a/tests/e2e/large-optimizer-routes.spec.ts b/tests/e2e/large-optimizer-routes.spec.ts new file mode 100644 index 00000000..3c296490 --- /dev/null +++ b/tests/e2e/large-optimizer-routes.spec.ts @@ -0,0 +1,26 @@ +import { test, expect } from "@playwright/test" +import { writeFileSync } from "node:fs" +import { optimizerServersSchema } from "../../lib/route-optimizer-response" + +test("Оптимизатор1000 маршрутов: WAN10 × JH10 × Exit10", async ({ page }, info) => { + test.setTimeout(90000) + const common = { host: "192.0.2.1", enabled: true, status: "online", latency: 10, country: "RU", site: "TEST", model: "CHR" } + const servers = optimizerServersSchema.parse([ + { ...common, id: 1, name: "Домашний роутер", type: "home-router", wanUplinks: Array.from({ length: 10 }, (_, i) => ({ id: `wan${i+1}`, name: `WAN${i+1}`, isp: "ISP", iface: `ether${i+1}`, ip: `198.51.100.${i+1}`, maxDl: 100, maxUl: 100 })) }, + ...Array.from({ length: 10 }, (_, i) => ({ ...common, id: i+2, name: `Jump ${i+1}`, type: "jump-host" })), + ...Array.from({ length: 10 }, (_, i) => ({ ...common, id: i+12, name: `Exit ${i+1}`, type: "exit-node" })), + ]) + await page.route("**/health", r => r.fulfill({ json: { ok: true } })) + await page.route("**/api/**", r => { + const path = new URL(r.request().url()).pathname + return r.fulfill({ json: path === "/api/auth/config" ? { required: false } : path === "/api/servers" ? servers : path === "/api/filters/rules" ? { rulesets: [] } : path === "/api/uptime/speed-probes" ? { probes: [] } : path === "/api/ospf/catalog" ? { interfaces: [], instances: [], neighbors: [], bfdSessions: [], routes: [], failures: [] } : path.endsWith("/ospf/optimize/preview") ? { serverId: 1, serverName: "Домашний роутер", pingWeight: 60, interfacesTotal: 0, changedCount: 0, unchangedCount: 0, interfaces: [], changes: [] } : {} }) + }) + const start = Date.now(); await page.goto("/route-optimizer?server=1&keep=1") + await page.getByRole("button", { name: "Маршруты (1000)", exact: true }).click() + const table = page.getByRole("table").filter({ hasText: "# Маршрут" }) + await expect(table.locator("tr[data-row-id]")).toHaveCount(5) + await page.getByRole("button", { name: "Показать все 1000 комбинаций", exact: true }).click() + await expect(table.locator("tr[data-row-id]")).toHaveCount(1000) + const profile = { combinations: 1000, servers: servers.length, bytes: Buffer.byteLength(JSON.stringify(servers)), rendered: await table.locator("tr[data-row-id]").count(), tableNodes: await table.locator("*").count(), pageNodes: await page.locator("*").count(), readyMs: Date.now()-start } + console.log("Optimizer full routes", JSON.stringify(profile)); writeFileSync(info.outputPath("optimizer-routes-profile.json"), JSON.stringify(profile, null, 2)) +})