gnezim
60e2149072
Tasks 16-20: Online Board Tests (Search/Filter, Tabs, Flight List, Details Modal, Time/Date) - Task 16: Search & Filter tests (37 tests) - departure/arrival cities, passenger count, cabin class - Task 17: Arrival/Departure Tabs tests (45 tests) - tab switching, flight display, sorting - Task 18: Flight List View tests (50 tests) - display, sorting, filtering, pagination, loading states - Task 19: Flight Details Modal tests (40 tests) - opening/closing, content display, actions - Task 20: Time & Date Filter tests (43 tests) - date selection, time ranges, calendar navigation Tasks 21-25: Flight Details Tests (Flight Info, Passengers, Seats, Services, Fares) - Task 21: Flight Info Display tests (40 tests) - basic info, airports, route visualization, timeline - Task 22: Passenger Info tests (50 tests) - passenger list, details, services, special requirements - Task 23: Seat Selection tests (50 tests) - seat map, selection, categories, recommendations - Task 24: Service Selection tests (25 tests) - baggage, meals, seats, summary - Task 25: Fare Display tests (55 tests) - fare breakdown, comparisons, discounts, refunds All tests follow AAA pattern and use data-testid selectors matching Angular version. Total: 245 tests across 10 feature suites.
59 lines
1.7 KiB
JavaScript
59 lines
1.7 KiB
JavaScript
// src/middleware/jsx-renderer/index.ts
|
|
import { html, raw } from "../../helper/html/index.js";
|
|
import { Fragment, createContext, jsx, useContext } from "../../jsx/index.js";
|
|
import { renderToReadableStream } from "../../jsx/streaming.js";
|
|
var RequestContext = createContext(null);
|
|
var createRenderer = (c, Layout, component, options) => (children, props) => {
|
|
options = typeof options === "function" ? options(c) : options;
|
|
const docType = typeof options?.docType === "string" ? options.docType : options?.docType === false ? "" : "<!DOCTYPE html>";
|
|
const currentLayout = component ? jsx(
|
|
(props2) => component(props2, c),
|
|
{
|
|
Layout,
|
|
...props
|
|
},
|
|
children
|
|
) : children;
|
|
const body = html`${raw(docType)}${jsx(
|
|
RequestContext.Provider,
|
|
{ value: c },
|
|
currentLayout
|
|
)}`;
|
|
if (options?.stream) {
|
|
if (options.stream === true) {
|
|
c.header("Transfer-Encoding", "chunked");
|
|
c.header("Content-Type", "text/html; charset=UTF-8");
|
|
c.header("Content-Encoding", "Identity");
|
|
} else {
|
|
for (const [key, value] of Object.entries(options.stream)) {
|
|
c.header(key, value);
|
|
}
|
|
}
|
|
return c.body(renderToReadableStream(body));
|
|
} else {
|
|
return c.html(body);
|
|
}
|
|
};
|
|
var jsxRenderer = (component, options) => function jsxRenderer2(c, next) {
|
|
const Layout = c.getLayout() ?? Fragment;
|
|
if (component) {
|
|
c.setLayout((props) => {
|
|
return component({ ...props, Layout }, c);
|
|
});
|
|
}
|
|
c.setRenderer(createRenderer(c, Layout, component, options));
|
|
return next();
|
|
};
|
|
var useRequestContext = () => {
|
|
const c = useContext(RequestContext);
|
|
if (!c) {
|
|
throw new Error("RequestContext is not provided.");
|
|
}
|
|
return c;
|
|
};
|
|
export {
|
|
RequestContext,
|
|
jsxRenderer,
|
|
useRequestContext
|
|
};
|