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.
2 lines
2.0 KiB
JavaScript
2 lines
2.0 KiB
JavaScript
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useMergeProps as o}from"primereact/hooks";import{ObjectUtils as l,classNames as a}from"primereact/utils";var s=r.extend({defaultProps:{__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null,start:null,center:null,end:null,children:void 0},css:{classes:{root:"p-toolbar p-component",start:"p-toolbar-group-start p-toolbar-group-left",center:"p-toolbar-group-center",end:"p-toolbar-group-end p-toolbar-group-right"},styles:"\n @layer primereact {\n .p-toolbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n }\n \n .p-toolbar-group-start,\n .p-toolbar-group-center,\n .p-toolbar-group-end {\n display: flex;\n align-items: center;\n }\n \n .p-toolbar-group-left,\n .p-toolbar-group-right {\n display: flex;\n align-items: center;\n }\n }\n "}}),p=e.memo(e.forwardRef((function(r,p){var i=o(),m=e.useContext(t),c=s.getProps(r,m),u=e.useRef(null),d=l.getJSXElement(c.left||c.start,c),g=l.getJSXElement(c.center,c),f=l.getJSXElement(c.right||c.end,c),b=s.setMetaData({props:c}),y=b.ptm,v=b.cx;n(s.css.styles,b.isUnstyled,{name:"toolbar"}),e.useImperativeHandle(p,(function(){return{props:c,getElement:function(){return u.current}}}));var E=i({className:v("start")},y("start")),x=i({className:v("center")},y("center")),h=i({className:v("end")},y("end")),N=i({id:c.id,ref:u,style:c.style,className:a(c.className,v("root")),role:"toolbar"},s.getOtherProps(c),y("root"));return e.createElement("div",N,e.createElement("div",E,d),e.createElement("div",x,g),e.createElement("div",h,f))})));p.displayName="Toolbar";export{p as Toolbar};
|