Commit Graph

246 Commits

Author SHA1 Message Date
gnezim bfe14012c7 Add FlightsMiniList container with scroll-into-view behavior 2026-04-16 23:28:36 +03:00
gnezim 23fe6ae88d Add FlightsMiniListItem component with Link navigation 2026-04-16 23:26:18 +03:00
gnezim 58215a4bf0 Expose allFlights array from useFlightDetails for mini-list sidebar 2026-04-16 23:23:18 +03:00
gnezim 8a2ece333a Add flights mini-list (B.2) implementation plan 2026-04-16 23:20:00 +03:00
gnezim 5759d165c4 Add flights mini-list sidebar (B.2) design spec 2026-04-16 23:14:13 +03:00
gnezim 4a8ae20c47 Fix stale test URLs and skip tests for out-of-scope features 2026-04-16 22:47:16 +03:00
gnezim 8e2fb08962 Wire FlightDetailsAccordion into OnlineBoardDetailsPage per leg 2026-04-16 22:43:38 +03:00
gnezim 6f59527382 Fix DeboardingPanel test to use destructuring for exactOptionalPropertyTypes 2026-04-16 22:40:39 +03:00
gnezim 0c27422da7 Add FlightDetailsAccordion container orchestrating 6 panel components 2026-04-16 22:39:45 +03:00
gnezim c125322078 Add ServicesPanel component for on-board service icons 2026-04-16 22:36:58 +03:00
gnezim d7ff79b967 Add MealPanel component with meal-type icons and aeroflot.ru links 2026-04-16 22:35:17 +03:00
gnezim 6dbcc38081 Add AircraftPanel component for flight details accordion 2026-04-16 22:30:33 +03:00
gnezim c9cfc5907c Add DeboardingPanel component for flight details accordion 2026-04-16 22:29:03 +03:00
gnezim 064b7c68ee Add BoardingPanel component for flight details accordion 2026-04-16 22:27:20 +03:00
gnezim f535e4078e Add RegistrationPanel component for flight details accordion 2026-04-16 22:25:53 +03:00
gnezim 37222e07e1 Copy service and meal icon SVGs from Angular to React 2026-04-16 22:24:01 +03:00
gnezim 6bd17b047f Add shared helpers and DETAILS i18n keys for flight details panels 2026-04-16 22:23:29 +03:00
gnezim 81574ae137 Extend IFlightLeg with transition and full equipment types 2026-04-16 22:19:21 +03:00
gnezim 06bea266c2 Add flight details accordion (B.1) implementation plan 2026-04-16 21:57:13 +03:00
gnezim 45a6cee9d8 Add flight details accordion (B.1) design spec 2026-04-16 21:47:18 +03:00
gnezim 9a278c3170 Fix route path: use onlineboard not online-board in navigation URLs 2026-04-16 18:37:18 +03:00
gnezim 68f7c239dc Pre-fill schedule form from popular request query params
Add buildSchedulePopularRequestQueryParams to convert Route/RouteWithBack
popular requests into URL search params. ScheduleStartPage now reads
departure/arrival/return from query params to initialize form state, and
the popular request click handler navigates with appropriate params for
both Schedule and Onlineboard request types.
2026-04-16 18:29:56 +03:00
gnezim 1aaebc5176 Wire popular request clicks to pre-fill OnlineBoardFilter via query params
Clicking a popular request now builds URLSearchParams and navigates with
them, so the filter initializes with the correct tab/fields pre-filled.
Schedule-type requests redirect to the schedule feature instead.
2026-04-16 18:24:53 +03:00
gnezim dfe32fdee1 Add Makefile and sync script for flights-front deployment repo 2026-04-16 18:17:42 +03:00
gnezim c1c65faef3 Add popular requests pre-fill implementation plan 2026-04-16 18:17:34 +03:00
gnezim e8cf655abc Add popular requests form pre-fill design spec 2026-04-16 18:15:16 +03:00
gnezim de48e59048 Add visual parity smoke tests for CI regression detection 2026-04-16 17:47:58 +03:00
gnezim 0b3eb08c84 Add comparison pipeline scripts and ignore generated output 2026-04-16 17:47:38 +03:00
gnezim e1882f49bc Add gap analysis script comparing Angular vs React DOM structure per route 2026-04-16 17:46:35 +03:00
gnezim 712d32ac72 Add popular requests behavioral cross-app tests
Adds POPULAR_REQUESTS_PANEL and POPULAR_REQUEST_ITEM selectors with
Angular overrides, and 6 behavioral tests covering panel visibility,
item count, flight/route click navigation, schedule page presence,
and keyboard accessibility.
2026-04-16 17:44:04 +03:00
gnezim 13c4b4b1d5 Remove accidentally added Makefile (not part of comparison pipeline) 2026-04-16 17:42:31 +03:00
gnezim e82289b979 Add interactive HTML report generator for visual parity diffs
Self-contained dark-themed HTML report with summary stats, filter
buttons (pass/warn/fail/error), side-by-side image comparison per
route and viewport, lazy-loaded images, and full-size overlay on click.
The generator script reads report.json, converts absolute paths to
relative, and injects data into the template.
2026-04-16 17:41:47 +03:00
gnezim d634f93700 Add Makefile for dev, build, test, and lint commands 2026-04-16 17:38:57 +03:00
gnezim 1a03d4ae13 Add multi-viewport screenshot diff script for visual parity pipeline
Extends the single-viewport screenshot-diff.ts pattern to capture at
3 viewports (desktop 1440, tablet 768, mobile 375), supports masking
dynamic content via CSS selectors, and outputs structured JSON report
to comparison-report/visual/ for downstream report generation.
2026-04-16 17:37:17 +03:00
gnezim 97c4def0cc Update CLAUDE.md to reflect current project state 2026-04-16 17:35:59 +03:00
gnezim 018208e84f Add implementation plan for Angular/React comparison pipeline 2026-04-16 17:33:55 +03:00
gnezim 1fc1880644 Add Angular→React comparison pipeline design spec
CI / ci (push) Failing after 27s
Deploy / build-and-deploy (push) Failing after 5s
Defines a Playwright-based pipeline for visual screenshot diffing,
behavioral E2E verification, and gap analysis between the Angular
and React implementations. Documents known gaps in flight details,
popular requests logic, and flights map.
2026-04-16 17:25:48 +03:00
gnezim 8f974c2d07 Update Module Federation 2.3.2 → 2.3.3 2026-04-16 17:23:05 +03:00
gnezim 832c76ff2e Fix e2e tests: update for route-default tab, add hydration and calendar tests
CI / ci (push) Failing after 27s
Deploy / build-and-deploy (push) Failing after 5s
- Fix 5 pre-existing failures: default tab is 'route' not 'flight'
- Add test: route search results page hydrates filter from URL params
- Add test (skip): route search form end-to-end (needs live API)
- Add test (skip): calendar strip shows day numbers (needs live API)
- Mark feedback button test as fixme (component not wired in)
2026-04-16 14:06:02 +03:00
gnezim 65ed6c1749 Fix calendar days bitmask parsing and filter hydration from URL params
Calendar days API returns a 31-char bitmask ('1'=available, '0'=unavailable)
starting from baseDate-1. parseCalendarDays now converts this to yyyyMMdd
date strings matching Angular's search-page-base.component.ts logic.

Calendar strip buttons now show formatted day numbers instead of raw dates.

OnlineBoardFilter now accepts initial values from URL params so the
departure/arrival/date fields are populated on search results pages.
2026-04-16 13:56:08 +03:00
gnezim 0da4b5e0a5 Enable React Router v7 future flags to suppress deprecation warning
CI / ci (push) Failing after 28s
Deploy / build-and-deploy (push) Failing after 6s
The v7_startTransition warning appeared because react-router 6.30.3
(bundled by Modern.js 2.70.8) emits future flag warnings by default.

A full Modern.js 2→3 upgrade was investigated but blocked by
@module-federation/modern-js ESM incompatibilities with Rsbuild 2.0
(uses __filename and require.resolve in ESM bundles, and the SSR
plugin calls api.modifyWebpackConfig which no longer exists).

Instead, opt into all v7 future flags via runtime.router config.
This silences the warning and prepares the codebase for an eventual
React Router v7 upgrade when the MF plugin catches up.
2026-04-16 12:46:34 +03:00
gnezim 9f21634c6f Fix schedule flight details 404: use Modern.js $.tsx splat route convention
The [...flights]/page.tsx catch-all generated an incorrect route pattern
(schedule/:/flights) instead of a React Router splat (schedule/*).

Modern.js convention for catch-all routes is $.tsx at the directory level,
not [...param]/page.tsx. Moved to $.tsx and updated param access to use
the "*" splat key.

Fixes: /ru/schedule/SU0012-20220527 and multi-leg URLs now resolve.
2026-04-16 12:11:59 +03:00
gnezim b533124e04 Match Angular bottom-description padding and line-height exactly 2026-04-16 11:57:31 +03:00
gnezim 5f33ef371d Style schedule PrimeReact buttons and swap icon to match Angular 2026-04-16 11:54:35 +03:00
gnezim 63c3705a0c Style PrimeReact dropdown/calendar buttons to match Angular subtle chevrons
Override PrimeReact AutoComplete dropdown button: transparent bg, no border,
gray color, smaller icon — matches Angular's custom city-autocomplete
search-button styling.

Override PrimeReact Calendar trigger button: transparent bg, smaller icon,
blue color — matches Angular's outline calendar icon.

Fix swap button: remove circular border, use Angular's flat white style
with rotate(90deg) on the arrows SVG.
2026-04-16 11:52:27 +03:00
gnezim a2ab4fda16 Match Angular form controls: swap icon, city dropdowns, schedule date range
Online board filter: use Angular sprite SVG for swap button, add dropdown
chevron to city AutoComplete inputs.

Schedule filter: add swap button between cities, replace two separate
date fields with single range Calendar matching Angular. Fix button text
to "Показать расписание", date label to "Показать расписание на".
Add dropdown chevrons to city inputs.
2026-04-16 11:45:40 +03:00
gnezim fabd659b64 Fix type errors in screenshot-diff script that polluted browser console 2026-04-16 10:29:14 +03:00
gnezim d096fbe9e1 Restore date defaults to today so search forms submit correctly
Null dates broke form submission — the handlers bail early when date
is null. Restore initialization to today/+7 days as before. The
Calendar placeholder prop still provides the format hint when cleared.
2026-04-16 09:24:59 +03:00
gnezim 0cdf8c849d Match Angular form controls: time range slider, date placeholders, button colors
Online board filter: replace time input fields with PrimeReact Slider
matching Angular's p-slider range selector. Initialize dates to null
so placeholder "ДД.ММ.ГГГГ" shows instead of today's date.

Schedule filter: same time slider replacement, add missing "Только
прямые рейсы" (direct flights only) checkbox, date placeholders.

Error page: fix "На главную" button to use outlined style (transparent
bg + blue border) matching Angular's blue-home class. Remove max-width
on description text.
2026-04-16 09:20:26 +03:00
gnezim 70b8f04cb3 Add screenshot-diffs/ to gitignore 2026-04-16 09:03:46 +03:00