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.
54 lines
1.2 KiB
JavaScript
54 lines
1.2 KiB
JavaScript
// src/jsx/dom/client.ts
|
|
import { useState } from "../hooks/index.js";
|
|
import { buildNode, renderNode } from "./render.js";
|
|
var createRoot = (element, options = {}) => {
|
|
let setJsxNode = (
|
|
// unmounted
|
|
void 0
|
|
);
|
|
if (Object.keys(options).length > 0) {
|
|
console.warn("createRoot options are not supported yet");
|
|
}
|
|
return {
|
|
render(jsxNode) {
|
|
if (setJsxNode === null) {
|
|
throw new Error("Cannot update an unmounted root");
|
|
}
|
|
if (setJsxNode) {
|
|
setJsxNode(jsxNode);
|
|
} else {
|
|
renderNode(
|
|
buildNode({
|
|
tag: () => {
|
|
const [_jsxNode, _setJsxNode] = useState(jsxNode);
|
|
setJsxNode = _setJsxNode;
|
|
return _jsxNode;
|
|
},
|
|
props: {}
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
}),
|
|
element
|
|
);
|
|
}
|
|
},
|
|
unmount() {
|
|
setJsxNode?.(null);
|
|
setJsxNode = null;
|
|
}
|
|
};
|
|
};
|
|
var hydrateRoot = (element, reactNode, options = {}) => {
|
|
const root = createRoot(element, options);
|
|
root.render(reactNode);
|
|
return root;
|
|
};
|
|
var client_default = {
|
|
createRoot,
|
|
hydrateRoot
|
|
};
|
|
export {
|
|
createRoot,
|
|
client_default as default,
|
|
hydrateRoot
|
|
};
|