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.
90 lines
2.2 KiB
JavaScript
90 lines
2.2 KiB
JavaScript
import css from './css';
|
|
import hyphenate from './hyphenate';
|
|
import isTransform from './isTransform';
|
|
import transitionEnd from './transitionEnd';
|
|
var reset = {
|
|
transition: '',
|
|
'transition-duration': '',
|
|
'transition-delay': '',
|
|
'transition-timing-function': ''
|
|
};
|
|
|
|
// super lean animate function for transitions
|
|
// doesn't support all translations to keep it matching the jquery API
|
|
|
|
/**
|
|
* code in part from: Zepto 1.1.4 | zeptojs.com/license
|
|
*/
|
|
function _animate(_ref) {
|
|
var node = _ref.node,
|
|
properties = _ref.properties,
|
|
_ref$duration = _ref.duration,
|
|
duration = _ref$duration === void 0 ? 200 : _ref$duration,
|
|
easing = _ref.easing,
|
|
callback = _ref.callback;
|
|
var cssProperties = [];
|
|
var cssValues = {};
|
|
var transforms = '';
|
|
Object.keys(properties).forEach(function (key) {
|
|
var value = properties[key];
|
|
if (isTransform(key)) transforms += key + "(" + value + ") ";else {
|
|
cssValues[key] = value;
|
|
cssProperties.push(hyphenate(key));
|
|
}
|
|
});
|
|
|
|
if (transforms) {
|
|
cssValues.transform = transforms;
|
|
cssProperties.push('transform');
|
|
}
|
|
|
|
function done(event) {
|
|
if (event.target !== event.currentTarget) return;
|
|
css(node, reset);
|
|
if (callback) callback.call(this, event);
|
|
}
|
|
|
|
if (duration > 0) {
|
|
cssValues.transition = cssProperties.join(', ');
|
|
cssValues['transition-duration'] = duration / 1000 + "s";
|
|
cssValues['transition-delay'] = '0s';
|
|
cssValues['transition-timing-function'] = easing || 'linear';
|
|
}
|
|
|
|
var removeListener = transitionEnd(node, done, duration); // eslint-disable-next-line no-unused-expressions
|
|
|
|
node.clientLeft; // trigger page reflow
|
|
|
|
css(node, cssValues);
|
|
return {
|
|
cancel: function cancel() {
|
|
removeListener();
|
|
css(node, reset);
|
|
}
|
|
};
|
|
}
|
|
|
|
function animate(nodeOrOptions, properties, duration, easing, callback) {
|
|
if (!('nodeType' in nodeOrOptions)) {
|
|
return _animate(nodeOrOptions);
|
|
}
|
|
|
|
if (!properties) {
|
|
throw new Error('must include properties to animate');
|
|
}
|
|
|
|
if (typeof easing === 'function') {
|
|
callback = easing;
|
|
easing = '';
|
|
}
|
|
|
|
return _animate({
|
|
node: nodeOrOptions,
|
|
properties: properties,
|
|
duration: duration,
|
|
easing: easing,
|
|
callback: callback
|
|
});
|
|
}
|
|
|
|
export default animate; |