468 строки
11 KiB
JavaScript
468 строки
11 KiB
JavaScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @format
|
|
* @emails oncall+react_native
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
const Easing = require('../Easing');
|
|
describe('Easing', () => {
|
|
it('should work with linear', () => {
|
|
const easing = Easing.linear;
|
|
|
|
expect(easing(0)).toBe(0);
|
|
expect(easing(0.5)).toBe(0.5);
|
|
expect(easing(0.8)).toBe(0.8);
|
|
expect(easing(1)).toBe(1);
|
|
});
|
|
|
|
it('should work with ease in linear', () => {
|
|
const easing = Easing.in(Easing.linear);
|
|
expect(easing(0)).toBe(0);
|
|
expect(easing(0.5)).toBe(0.5);
|
|
expect(easing(0.8)).toBe(0.8);
|
|
expect(easing(1)).toBe(1);
|
|
});
|
|
|
|
it('should work with easy out linear', () => {
|
|
const easing = Easing.out(Easing.linear);
|
|
expect(easing(0)).toBe(0);
|
|
expect(easing(0.5)).toBe(0.5);
|
|
expect(easing(0.6)).toBe(0.6);
|
|
expect(easing(1)).toBe(1);
|
|
});
|
|
|
|
it('should work with ease in quad', () => {
|
|
function easeInQuad(t) {
|
|
return t * t;
|
|
}
|
|
const easing = Easing.in(Easing.quad);
|
|
for (let t = -0.5; t < 1.5; t += 0.1) {
|
|
expect(easing(t)).toBe(easeInQuad(t));
|
|
}
|
|
});
|
|
|
|
it('should work with ease out quad', () => {
|
|
function easeOutQuad(t) {
|
|
return -t * (t - 2);
|
|
}
|
|
const easing = Easing.out(Easing.quad);
|
|
for (let t = 0; t <= 1; t += 0.1) {
|
|
expect(easing(1)).toBe(easeOutQuad(1));
|
|
}
|
|
});
|
|
|
|
it('should work with ease in-out quad', () => {
|
|
function easeInOutQuad(t) {
|
|
t = t * 2;
|
|
if (t < 1) {
|
|
return 0.5 * t * t;
|
|
}
|
|
return -((t - 1) * (t - 3) - 1) / 2;
|
|
}
|
|
const easing = Easing.inOut(Easing.quad);
|
|
for (let t = -0.5; t < 1.5; t += 0.1) {
|
|
expect(easing(t)).toBeCloseTo(easeInOutQuad(t), 4);
|
|
}
|
|
});
|
|
|
|
it('should satisfy boundary conditions with elastic', () => {
|
|
for (let b = 0; b < 4; b += 0.3) {
|
|
const easing = Easing.elastic(b);
|
|
expect(easing(0)).toBe(0);
|
|
expect(easing(1)).toBe(1);
|
|
}
|
|
});
|
|
|
|
function sampleEasingFunction(easing) {
|
|
const DURATION = 300;
|
|
const tickCount = Math.round((DURATION * 60) / 1000);
|
|
const samples = [];
|
|
for (let i = 0; i <= tickCount; i++) {
|
|
samples.push(easing(i / tickCount));
|
|
}
|
|
return samples;
|
|
}
|
|
|
|
const Samples = {
|
|
in_quad: [
|
|
0,
|
|
0.0030864197530864196,
|
|
0.012345679012345678,
|
|
0.027777777777777776,
|
|
0.04938271604938271,
|
|
0.0771604938271605,
|
|
0.1111111111111111,
|
|
0.15123456790123457,
|
|
0.19753086419753085,
|
|
0.25,
|
|
0.308641975308642,
|
|
0.37345679012345684,
|
|
0.4444444444444444,
|
|
0.5216049382716049,
|
|
0.6049382716049383,
|
|
0.6944444444444445,
|
|
0.7901234567901234,
|
|
0.8919753086419753,
|
|
1,
|
|
],
|
|
out_quad: [
|
|
0,
|
|
0.10802469135802469,
|
|
0.20987654320987653,
|
|
0.3055555555555555,
|
|
0.3950617283950617,
|
|
0.47839506172839513,
|
|
0.5555555555555556,
|
|
0.6265432098765432,
|
|
0.691358024691358,
|
|
0.75,
|
|
0.8024691358024691,
|
|
0.8487654320987654,
|
|
0.888888888888889,
|
|
0.9228395061728394,
|
|
0.9506172839506174,
|
|
0.9722222222222221,
|
|
0.9876543209876543,
|
|
0.9969135802469136,
|
|
1,
|
|
],
|
|
inOut_quad: [
|
|
0,
|
|
0.006172839506172839,
|
|
0.024691358024691357,
|
|
0.05555555555555555,
|
|
0.09876543209876543,
|
|
0.154320987654321,
|
|
0.2222222222222222,
|
|
0.30246913580246915,
|
|
0.3950617283950617,
|
|
0.5,
|
|
0.6049382716049383,
|
|
0.697530864197531,
|
|
0.7777777777777777,
|
|
0.845679012345679,
|
|
0.9012345679012346,
|
|
0.9444444444444444,
|
|
0.9753086419753086,
|
|
0.9938271604938271,
|
|
1,
|
|
],
|
|
in_cubic: [
|
|
0,
|
|
0.00017146776406035664,
|
|
0.0013717421124828531,
|
|
0.004629629629629629,
|
|
0.010973936899862825,
|
|
0.021433470507544586,
|
|
0.037037037037037035,
|
|
0.05881344307270234,
|
|
0.0877914951989026,
|
|
0.125,
|
|
0.1714677640603567,
|
|
0.22822359396433475,
|
|
0.2962962962962963,
|
|
0.37671467764060357,
|
|
0.4705075445816187,
|
|
0.5787037037037038,
|
|
0.7023319615912208,
|
|
0.8424211248285322,
|
|
1,
|
|
],
|
|
out_cubic: [
|
|
0,
|
|
0.15757887517146785,
|
|
0.2976680384087792,
|
|
0.42129629629629617,
|
|
0.5294924554183813,
|
|
0.6232853223593964,
|
|
0.7037037037037036,
|
|
0.7717764060356652,
|
|
0.8285322359396433,
|
|
0.875,
|
|
0.9122085048010974,
|
|
0.9411865569272977,
|
|
0.9629629629629629,
|
|
0.9785665294924554,
|
|
0.9890260631001372,
|
|
0.9953703703703703,
|
|
0.9986282578875172,
|
|
0.9998285322359396,
|
|
1,
|
|
],
|
|
inOut_cubic: [
|
|
0,
|
|
0.0006858710562414266,
|
|
0.0054869684499314125,
|
|
0.018518518518518517,
|
|
0.0438957475994513,
|
|
0.08573388203017834,
|
|
0.14814814814814814,
|
|
0.23525377229080935,
|
|
0.3511659807956104,
|
|
0.5,
|
|
0.6488340192043895,
|
|
0.7647462277091908,
|
|
0.8518518518518519,
|
|
0.9142661179698217,
|
|
0.9561042524005487,
|
|
0.9814814814814815,
|
|
0.9945130315500685,
|
|
0.9993141289437586,
|
|
1,
|
|
],
|
|
in_sin: [
|
|
0,
|
|
0.003805301908254455,
|
|
0.01519224698779198,
|
|
0.03407417371093169,
|
|
0.06030737921409157,
|
|
0.09369221296335006,
|
|
0.1339745962155613,
|
|
0.1808479557110082,
|
|
0.233955556881022,
|
|
0.2928932188134524,
|
|
0.35721239031346064,
|
|
0.42642356364895384,
|
|
0.4999999999999999,
|
|
0.5773817382593005,
|
|
0.6579798566743311,
|
|
0.7411809548974793,
|
|
0.8263518223330696,
|
|
0.9128442572523416,
|
|
0.9999999999999999,
|
|
],
|
|
out_sin: [
|
|
0,
|
|
0.08715574274765817,
|
|
0.17364817766693033,
|
|
0.25881904510252074,
|
|
0.3420201433256687,
|
|
0.42261826174069944,
|
|
0.49999999999999994,
|
|
0.573576436351046,
|
|
0.6427876096865393,
|
|
0.7071067811865475,
|
|
0.766044443118978,
|
|
0.8191520442889918,
|
|
0.8660254037844386,
|
|
0.9063077870366499,
|
|
0.9396926207859083,
|
|
0.9659258262890683,
|
|
0.984807753012208,
|
|
0.9961946980917455,
|
|
1,
|
|
],
|
|
inOut_sin: [
|
|
0,
|
|
0.00759612349389599,
|
|
0.030153689607045786,
|
|
0.06698729810778065,
|
|
0.116977778440511,
|
|
0.17860619515673032,
|
|
0.24999999999999994,
|
|
0.32898992833716556,
|
|
0.4131759111665348,
|
|
0.49999999999999994,
|
|
0.5868240888334652,
|
|
0.6710100716628343,
|
|
0.7499999999999999,
|
|
0.8213938048432696,
|
|
0.883022221559489,
|
|
0.9330127018922194,
|
|
0.9698463103929542,
|
|
0.9924038765061041,
|
|
1,
|
|
],
|
|
in_exp: [
|
|
0,
|
|
0.0014352875901128893,
|
|
0.002109491677524035,
|
|
0.0031003926796253885,
|
|
0.004556754060844206,
|
|
0.006697218616039631,
|
|
0.009843133202303688,
|
|
0.014466792379488908,
|
|
0.021262343752724643,
|
|
0.03125,
|
|
0.045929202883612456,
|
|
0.06750373368076916,
|
|
0.09921256574801243,
|
|
0.1458161299470146,
|
|
0.2143109957132682,
|
|
0.31498026247371835,
|
|
0.46293735614364506,
|
|
0.6803950000871883,
|
|
1,
|
|
],
|
|
out_exp: [
|
|
0,
|
|
0.31960499991281155,
|
|
0.5370626438563548,
|
|
0.6850197375262816,
|
|
0.7856890042867318,
|
|
0.8541838700529854,
|
|
0.9007874342519875,
|
|
0.9324962663192309,
|
|
0.9540707971163875,
|
|
0.96875,
|
|
0.9787376562472754,
|
|
0.9855332076205111,
|
|
0.9901568667976963,
|
|
0.9933027813839603,
|
|
0.9954432459391558,
|
|
0.9968996073203746,
|
|
0.9978905083224759,
|
|
0.9985647124098871,
|
|
1,
|
|
],
|
|
inOut_exp: [
|
|
0,
|
|
0.0010547458387620175,
|
|
0.002278377030422103,
|
|
0.004921566601151844,
|
|
0.010631171876362321,
|
|
0.022964601441806228,
|
|
0.049606282874006216,
|
|
0.1071554978566341,
|
|
0.23146867807182253,
|
|
0.5,
|
|
0.7685313219281775,
|
|
0.892844502143366,
|
|
0.9503937171259937,
|
|
0.9770353985581938,
|
|
0.9893688281236377,
|
|
0.9950784333988482,
|
|
0.9977216229695779,
|
|
0.998945254161238,
|
|
1,
|
|
],
|
|
in_circle: [
|
|
0,
|
|
0.0015444024660317135,
|
|
0.006192010000093506,
|
|
0.013986702816730645,
|
|
0.025003956956430873,
|
|
0.03935464078941209,
|
|
0.057190958417936644,
|
|
0.07871533601238889,
|
|
0.10419358352238339,
|
|
0.1339745962155614,
|
|
0.1685205807169019,
|
|
0.20845517506805522,
|
|
0.2546440075000701,
|
|
0.3083389112228482,
|
|
0.37146063894529113,
|
|
0.4472292016074334,
|
|
0.5418771527091488,
|
|
0.6713289009389102,
|
|
1,
|
|
],
|
|
out_circle: [
|
|
0,
|
|
0.3286710990610898,
|
|
0.45812284729085123,
|
|
0.5527707983925666,
|
|
0.6285393610547089,
|
|
0.6916610887771518,
|
|
0.7453559924999298,
|
|
0.7915448249319448,
|
|
0.8314794192830981,
|
|
0.8660254037844386,
|
|
0.8958064164776166,
|
|
0.9212846639876111,
|
|
0.9428090415820634,
|
|
0.9606453592105879,
|
|
0.9749960430435691,
|
|
0.9860132971832694,
|
|
0.9938079899999065,
|
|
0.9984555975339683,
|
|
1,
|
|
],
|
|
inOut_circle: [
|
|
0,
|
|
0.003096005000046753,
|
|
0.012501978478215436,
|
|
0.028595479208968322,
|
|
0.052096791761191696,
|
|
0.08426029035845095,
|
|
0.12732200375003505,
|
|
0.18573031947264557,
|
|
0.2709385763545744,
|
|
0.5,
|
|
0.7290614236454256,
|
|
0.8142696805273546,
|
|
0.8726779962499649,
|
|
0.915739709641549,
|
|
0.9479032082388084,
|
|
0.9714045207910317,
|
|
0.9874980215217846,
|
|
0.9969039949999532,
|
|
1,
|
|
],
|
|
in_back_: [
|
|
0,
|
|
-0.004788556241426612,
|
|
-0.017301289437585736,
|
|
-0.0347587962962963,
|
|
-0.05438167352537723,
|
|
-0.07339051783264748,
|
|
-0.08900592592592595,
|
|
-0.09844849451303156,
|
|
-0.0989388203017833,
|
|
-0.08769750000000004,
|
|
-0.06194513031550073,
|
|
-0.018902307956104283,
|
|
0.044210370370370254,
|
|
0.13017230795610413,
|
|
0.2417629080932785,
|
|
0.3817615740740742,
|
|
0.5529477091906719,
|
|
0.7581007167352535,
|
|
0.9999999999999998,
|
|
],
|
|
out_back_: [
|
|
2.220446049250313e-16,
|
|
0.24189928326474652,
|
|
0.44705229080932807,
|
|
0.6182384259259258,
|
|
0.7582370919067215,
|
|
0.8698276920438959,
|
|
0.9557896296296297,
|
|
1.0189023079561044,
|
|
1.0619451303155008,
|
|
1.0876975,
|
|
1.0989388203017834,
|
|
1.0984484945130315,
|
|
1.089005925925926,
|
|
1.0733905178326475,
|
|
1.0543816735253773,
|
|
1.0347587962962963,
|
|
1.0173012894375857,
|
|
1.0047885562414267,
|
|
1,
|
|
],
|
|
};
|
|
|
|
Object.keys(Samples).forEach(function(type) {
|
|
it('should ease ' + type, function() {
|
|
const [modeName, easingName, isFunction] = type.split('_');
|
|
let easing = Easing[easingName];
|
|
if (isFunction !== undefined) {
|
|
easing = easing();
|
|
}
|
|
const computed = sampleEasingFunction(Easing[modeName](easing));
|
|
const samples = Samples[type];
|
|
|
|
computed.forEach((value, key) => {
|
|
expect(value).toBeCloseTo(samples[key], 2);
|
|
});
|
|
});
|
|
});
|
|
});
|