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.
182 lines
7.3 KiB
TypeScript
182 lines
7.3 KiB
TypeScript
import * as React from "react";
|
|
import type { Blocker, BlockerFunction, Location, ParamParseKey, Params, Path, PathMatch, PathPattern, RelativeRoutingType, Router as RemixRouter, RevalidationState, To, UIMatch } from "@remix-run/router";
|
|
import { Action as NavigationType } from "@remix-run/router";
|
|
import type { NavigateOptions, RouteContextObject, RouteMatch, RouteObject } from "./context";
|
|
/**
|
|
* Returns the full href for the given "to" value. This is useful for building
|
|
* custom links that are also accessible and preserve right-click behavior.
|
|
*
|
|
* @see https://reactrouter.com/v6/hooks/use-href
|
|
*/
|
|
export declare function useHref(to: To, { relative }?: {
|
|
relative?: RelativeRoutingType;
|
|
}): string;
|
|
/**
|
|
* Returns true if this component is a descendant of a `<Router>`.
|
|
*
|
|
* @see https://reactrouter.com/v6/hooks/use-in-router-context
|
|
*/
|
|
export declare function useInRouterContext(): boolean;
|
|
/**
|
|
* Returns the current location object, which represents the current URL in web
|
|
* browsers.
|
|
*
|
|
* Note: If you're using this it may mean you're doing some of your own
|
|
* "routing" in your app, and we'd like to know what your use case is. We may
|
|
* be able to provide something higher-level to better suit your needs.
|
|
*
|
|
* @see https://reactrouter.com/v6/hooks/use-location
|
|
*/
|
|
export declare function useLocation(): Location;
|
|
/**
|
|
* Returns the current navigation action which describes how the router came to
|
|
* the current location, either by a pop, push, or replace on the history stack.
|
|
*
|
|
* @see https://reactrouter.com/v6/hooks/use-navigation-type
|
|
*/
|
|
export declare function useNavigationType(): NavigationType;
|
|
/**
|
|
* Returns a PathMatch object if the given pattern matches the current URL.
|
|
* This is useful for components that need to know "active" state, e.g.
|
|
* `<NavLink>`.
|
|
*
|
|
* @see https://reactrouter.com/v6/hooks/use-match
|
|
*/
|
|
export declare function useMatch<ParamKey extends ParamParseKey<Path>, Path extends string>(pattern: PathPattern<Path> | Path): PathMatch<ParamKey> | null;
|
|
/**
|
|
* The interface for the navigate() function returned from useNavigate().
|
|
*/
|
|
export interface NavigateFunction {
|
|
(to: To, options?: NavigateOptions): void;
|
|
(delta: number): void;
|
|
}
|
|
/**
|
|
* Returns an imperative method for changing the location. Used by `<Link>`s, but
|
|
* may also be used by other elements to change the location.
|
|
*
|
|
* @see https://reactrouter.com/v6/hooks/use-navigate
|
|
*/
|
|
export declare function useNavigate(): NavigateFunction;
|
|
/**
|
|
* Returns the context (if provided) for the child route at this level of the route
|
|
* hierarchy.
|
|
* @see https://reactrouter.com/v6/hooks/use-outlet-context
|
|
*/
|
|
export declare function useOutletContext<Context = unknown>(): Context;
|
|
/**
|
|
* Returns the element for the child route at this level of the route
|
|
* hierarchy. Used internally by `<Outlet>` to render child routes.
|
|
*
|
|
* @see https://reactrouter.com/v6/hooks/use-outlet
|
|
*/
|
|
export declare function useOutlet(context?: unknown): React.ReactElement | null;
|
|
/**
|
|
* Returns an object of key/value pairs of the dynamic params from the current
|
|
* URL that were matched by the route path.
|
|
*
|
|
* @see https://reactrouter.com/v6/hooks/use-params
|
|
*/
|
|
export declare function useParams<ParamsOrKey extends string | Record<string, string | undefined> = string>(): Readonly<[
|
|
ParamsOrKey
|
|
] extends [string] ? Params<ParamsOrKey> : Partial<ParamsOrKey>>;
|
|
/**
|
|
* Resolves the pathname of the given `to` value against the current location.
|
|
*
|
|
* @see https://reactrouter.com/v6/hooks/use-resolved-path
|
|
*/
|
|
export declare function useResolvedPath(to: To, { relative }?: {
|
|
relative?: RelativeRoutingType;
|
|
}): Path;
|
|
/**
|
|
* Returns the element of the route that matched the current location, prepared
|
|
* with the correct context to render the remainder of the route tree. Route
|
|
* elements in the tree must render an `<Outlet>` to render their child route's
|
|
* element.
|
|
*
|
|
* @see https://reactrouter.com/v6/hooks/use-routes
|
|
*/
|
|
export declare function useRoutes(routes: RouteObject[], locationArg?: Partial<Location> | string): React.ReactElement | null;
|
|
export declare function useRoutesImpl(routes: RouteObject[], locationArg?: Partial<Location> | string, dataRouterState?: RemixRouter["state"], future?: RemixRouter["future"]): React.ReactElement | null;
|
|
type RenderErrorBoundaryProps = React.PropsWithChildren<{
|
|
location: Location;
|
|
revalidation: RevalidationState;
|
|
error: any;
|
|
component: React.ReactNode;
|
|
routeContext: RouteContextObject;
|
|
}>;
|
|
type RenderErrorBoundaryState = {
|
|
location: Location;
|
|
revalidation: RevalidationState;
|
|
error: any;
|
|
};
|
|
export declare class RenderErrorBoundary extends React.Component<RenderErrorBoundaryProps, RenderErrorBoundaryState> {
|
|
constructor(props: RenderErrorBoundaryProps);
|
|
static getDerivedStateFromError(error: any): {
|
|
error: any;
|
|
};
|
|
static getDerivedStateFromProps(props: RenderErrorBoundaryProps, state: RenderErrorBoundaryState): {
|
|
error: any;
|
|
location: Location<any>;
|
|
revalidation: RevalidationState;
|
|
};
|
|
componentDidCatch(error: any, errorInfo: any): void;
|
|
render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
|
|
}
|
|
export declare function _renderMatches(matches: RouteMatch[] | null, parentMatches?: RouteMatch[], dataRouterState?: RemixRouter["state"] | null, future?: RemixRouter["future"] | null): React.ReactElement | null;
|
|
/**
|
|
* Returns the ID for the nearest contextual route
|
|
*/
|
|
export declare function useRouteId(): string;
|
|
/**
|
|
* Returns the current navigation, defaulting to an "idle" navigation when
|
|
* no navigation is in progress
|
|
*/
|
|
export declare function useNavigation(): import("@remix-run/router").Navigation;
|
|
/**
|
|
* Returns a revalidate function for manually triggering revalidation, as well
|
|
* as the current state of any manual revalidations
|
|
*/
|
|
export declare function useRevalidator(): {
|
|
revalidate: () => void;
|
|
state: RevalidationState;
|
|
};
|
|
/**
|
|
* Returns the active route matches, useful for accessing loaderData for
|
|
* parent/child routes or the route "handle" property
|
|
*/
|
|
export declare function useMatches(): UIMatch[];
|
|
/**
|
|
* Returns the loader data for the nearest ancestor Route loader
|
|
*/
|
|
export declare function useLoaderData(): unknown;
|
|
/**
|
|
* Returns the loaderData for the given routeId
|
|
*/
|
|
export declare function useRouteLoaderData(routeId: string): unknown;
|
|
/**
|
|
* Returns the action data for the nearest ancestor Route action
|
|
*/
|
|
export declare function useActionData(): unknown;
|
|
/**
|
|
* Returns the nearest ancestor Route error, which could be a loader/action
|
|
* error or a render error. This is intended to be called from your
|
|
* ErrorBoundary/errorElement to display a proper error message.
|
|
*/
|
|
export declare function useRouteError(): unknown;
|
|
/**
|
|
* Returns the happy-path data from the nearest ancestor `<Await />` value
|
|
*/
|
|
export declare function useAsyncValue(): unknown;
|
|
/**
|
|
* Returns the error from the nearest ancestor `<Await />` value
|
|
*/
|
|
export declare function useAsyncError(): unknown;
|
|
/**
|
|
* Allow the application to block navigations within the SPA and present the
|
|
* user a confirmation dialog to confirm the navigation. Mostly used to avoid
|
|
* using half-filled form data. This does not handle hard-reloads or
|
|
* cross-origin navigations.
|
|
*/
|
|
export declare function useBlocker(shouldBlock: boolean | BlockerFunction): Blocker;
|
|
export {};
|