lekss361/gendesign
1
0
Fork 0
Code Issues 57 Pull requests Projects Releases Packages Wiki Activity Actions

fix(tradein): gas leaflet map in ui-preview (placeholder) для CI-аудита (#801)

Browse source 
MapCard тянул ~47 тайлов с tile.openstreetmap.org + leaflet с unpkg → внешний
network не давал navigation-idle → axe/lighthouse MCP таймаутили (30s) на полной
странице. Заменён на статичный placeholder (та же .card/.section-kicker структура,
секция «Карта» сохранена, без сети). Теперь полный 1:1 page прогоняется axe:
verified локально — full audit без таймаута (52 contrast + 1 critical label + 3 svg).

Refs #801.
This commit is contained in:
lekss361 2026-05-30 23:15:03 +03:00
parent 80a063b482
commit 1e6f167b37
1 changed files with 23 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
tradein-mvp/frontend/src/app/ui-preview/estimate/page.tsx
View file

@ -50,7 +50,6 @@ import { HouseAnalyticsSection } from "@/components/trade-in/HouseAnalyticsSecti
import { HouseInfoCard } from "@/components/trade-in/HouseInfoCard";
import { IMVBenchmark } from "@/components/trade-in/IMVBenchmark";
import { ListingsCard } from "@/components/trade-in/ListingsCard";
import { MapCard } from "@/components/trade-in/MapCard";
import { OfferCard } from "@/components/trade-in/OfferCard";
import { PhotoUpload } from "@/components/trade-in/PhotoUpload";
import { PlacementHistoryCard } from "@/components/trade-in/PlacementHistoryCard";
@ -162,8 +161,29 @@ function PreviewContent() {
{/* 12. StreetDealsCard */}
<StreetDealsCard estimate={FIXTURE_ESTIMATE} />
{/* 13. MapCard — analogs имеют lat/lon → пины есть; Leaflet CDN → тайлы из сети (ок) */}
<MapCard estimate={FIXTURE_ESTIMATE} />
{/* 13. MapCard — ОТКЛЮЧЁН в preview: leaflet тянет ~47 тайлов с
tile.openstreetmap.org + lib с unpkg → внешний network не даёт
navigation-idle → axe/lighthouse MCP таймаутят (30s). Placeholder
сохраняет секцию «Карта» (card-структура аудируется), без сети. */}
<article className="card map-card">
<div className="card-head">
<div>
<div className="section-kicker">Аналитика · Карта</div>
<h2>Карта аналогов и сделок</h2>
</div>
</div>
<div
className="card-body"
style={{
padding: "48px 24px",
textAlign: "center",
color: "var(--muted)",
}}
>
Карта отключена в preview-режиме (внешние OSM-тайлы ломают
network-idle аудита). На реальной странице здесь leaflet-карта.
</div>
</article>
{/* 14. DistributionCard */}
<DistributionCard estimate={FIXTURE_ESTIMATE} />