mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Pieter De Baets
56b10a8351
Summary: Color support for AnimatedInterpolation was incomplete with native drivers, as only rgba type strings were supported. There was also an issue where color props instead a StyleAnimatedNode would never get applied. We were also potentially duplicating color parsing support, which is already centralized in normalizeColor / processColor. Changelog: [iOS][Added] Enable AnimatedInterpolation to interpolate arbitrary color types. Reviewed By: philIip Differential Revision: D41649337 fbshipit-source-id: 505ba555b6a79113635fdfb35c6fe69c92d82234
129 lines
4.6 KiB
Objective-C
129 lines
4.6 KiB
Objective-C
/*
|
|
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*/
|
|
|
|
#import <XCTest/XCTest.h>
|
|
|
|
#import <React/RCTAnimationUtils.h>
|
|
#import <React/RCTConvert.h>
|
|
#import <React/RCTInterpolationAnimatedNode.h>
|
|
|
|
@interface RCTAnimationUtilsTests : XCTestCase
|
|
|
|
@end
|
|
|
|
static CGFloat RCTSimpleInterpolation(CGFloat value, NSArray<NSNumber *> *inputRange, NSArray<NSNumber *> *outputRange)
|
|
{
|
|
return RCTInterpolateValueInRange(value, inputRange, outputRange, EXTRAPOLATE_TYPE_EXTEND, EXTRAPOLATE_TYPE_EXTEND);
|
|
}
|
|
|
|
@implementation RCTAnimationUtilsTests
|
|
|
|
// RCTInterpolateValueInRange
|
|
|
|
- (void)testSimpleOneToOneMapping
|
|
{
|
|
NSArray<NSNumber *> *input = @[ @0, @1 ];
|
|
NSArray<NSNumber *> *output = @[ @0, @1 ];
|
|
XCTAssertEqual(RCTSimpleInterpolation(0, input, output), 0);
|
|
XCTAssertEqual(RCTSimpleInterpolation(0.5, input, output), 0.5);
|
|
XCTAssertEqual(RCTSimpleInterpolation(0.8, input, output), 0.8);
|
|
XCTAssertEqual(RCTSimpleInterpolation(1, input, output), 1);
|
|
}
|
|
|
|
- (void)testWiderOutputRange
|
|
{
|
|
NSArray<NSNumber *> *input = @[ @0, @1 ];
|
|
NSArray<NSNumber *> *output = @[ @100, @200 ];
|
|
XCTAssertEqual(RCTSimpleInterpolation(0, input, output), 100);
|
|
XCTAssertEqual(RCTSimpleInterpolation(0.5, input, output), 150);
|
|
XCTAssertEqual(RCTSimpleInterpolation(0.8, input, output), 180);
|
|
XCTAssertEqual(RCTSimpleInterpolation(1, input, output), 200);
|
|
}
|
|
|
|
- (void)testWiderInputRange
|
|
{
|
|
NSArray<NSNumber *> *input = @[ @2000, @3000 ];
|
|
NSArray<NSNumber *> *output = @[ @1, @2 ];
|
|
XCTAssertEqual(RCTSimpleInterpolation(2000, input, output), 1);
|
|
XCTAssertEqual(RCTSimpleInterpolation(2250, input, output), 1.25);
|
|
XCTAssertEqual(RCTSimpleInterpolation(2800, input, output), 1.8);
|
|
XCTAssertEqual(RCTSimpleInterpolation(3000, input, output), 2);
|
|
}
|
|
|
|
- (void)testManySegments
|
|
{
|
|
NSArray<NSNumber *> *input = @[ @-1, @1, @5 ];
|
|
NSArray<NSNumber *> *output = @[ @0, @10, @20 ];
|
|
XCTAssertEqual(RCTSimpleInterpolation(-1, input, output), 0);
|
|
XCTAssertEqual(RCTSimpleInterpolation(0, input, output), 5);
|
|
XCTAssertEqual(RCTSimpleInterpolation(1, input, output), 10);
|
|
XCTAssertEqual(RCTSimpleInterpolation(2, input, output), 12.5);
|
|
XCTAssertEqual(RCTSimpleInterpolation(5, input, output), 20);
|
|
}
|
|
|
|
- (void)testExtendExtrapolate
|
|
{
|
|
NSArray<NSNumber *> *input = @[ @10, @20 ];
|
|
NSArray<NSNumber *> *output = @[ @0, @1 ];
|
|
XCTAssertEqual(RCTSimpleInterpolation(30, input, output), 2);
|
|
XCTAssertEqual(RCTSimpleInterpolation(5, input, output), -0.5);
|
|
}
|
|
|
|
- (void)testClampExtrapolate
|
|
{
|
|
NSArray<NSNumber *> *input = @[ @10, @20 ];
|
|
NSArray<NSNumber *> *output = @[ @0, @1 ];
|
|
CGFloat value;
|
|
value = RCTInterpolateValueInRange(30, input, output, EXTRAPOLATE_TYPE_CLAMP, EXTRAPOLATE_TYPE_CLAMP);
|
|
XCTAssertEqual(value, 1);
|
|
value = RCTInterpolateValueInRange(5, input, output, EXTRAPOLATE_TYPE_CLAMP, EXTRAPOLATE_TYPE_CLAMP);
|
|
XCTAssertEqual(value, 0);
|
|
}
|
|
|
|
- (void)testIdentityExtrapolate
|
|
{
|
|
NSArray<NSNumber *> *input = @[ @10, @20 ];
|
|
NSArray<NSNumber *> *output = @[ @0, @1 ];
|
|
CGFloat value;
|
|
value = RCTInterpolateValueInRange(30, input, output, EXTRAPOLATE_TYPE_IDENTITY, EXTRAPOLATE_TYPE_IDENTITY);
|
|
XCTAssertEqual(value, 30);
|
|
value = RCTInterpolateValueInRange(5, input, output, EXTRAPOLATE_TYPE_IDENTITY, EXTRAPOLATE_TYPE_IDENTITY);
|
|
XCTAssertEqual(value, 5);
|
|
}
|
|
|
|
- (void)testColorInterpolation
|
|
{
|
|
NSArray<NSNumber *> *input = @[ @0, @1 ];
|
|
NSArray<UIColor *> *output = @[ [UIColor redColor], [UIColor blueColor] ];
|
|
uint32_t value;
|
|
value = RCTInterpolateColorInRange(0, input, output);
|
|
XCTAssertEqualObjects([RCTConvert UIColor:@(value)], [UIColor redColor]);
|
|
value = RCTInterpolateColorInRange(0.5, input, output);
|
|
XCTAssertEqualObjects(
|
|
[RCTConvert UIColor:@(value)], [UIColor colorWithRed:128. / 255 green:0 blue:128. / 255 alpha:1]);
|
|
value = RCTInterpolateColorInRange(1, input, output);
|
|
XCTAssertEqualObjects([RCTConvert UIColor:@(value)], [UIColor blueColor]);
|
|
}
|
|
|
|
- (void)testStringInterpolation
|
|
{
|
|
NSString *pattern = @"M20,20L20,80L80,80L80,20Z";
|
|
NSArray<NSNumber *> *input = @[ @0, @1 ];
|
|
NSArray<NSArray<NSNumber *> *> *output = @[
|
|
@[ @20, @20, @20, @80, @80, @80, @80, @20 ],
|
|
@[ @40, @40, @33, @60, @60, @60, @65, @40 ],
|
|
];
|
|
|
|
NSString *value;
|
|
value = RCTInterpolateString(pattern, 0, input, output, EXTRAPOLATE_TYPE_IDENTITY, EXTRAPOLATE_TYPE_IDENTITY);
|
|
XCTAssertEqualObjects(value, @"M20,20L20,80L80,80L80,20Z");
|
|
value = RCTInterpolateString(pattern, 0.5, input, output, EXTRAPOLATE_TYPE_IDENTITY, EXTRAPOLATE_TYPE_IDENTITY);
|
|
XCTAssertEqualObjects(value, @"M30,30L26.5,70L70,70L72.5,30Z");
|
|
}
|
|
|
|
@end
|