From d8596208167dae7ce986174ee32cabe7fa86b5eb Mon Sep 17 00:00:00 2001 From: Hannes Verlinde Date: Wed, 24 Jun 2015 01:19:26 -0700 Subject: [PATCH] Add unit tests for RCTShadowView. --- .../UIExplorerUnitTests/RCTShadowViewTests.m | 99 +++++++++++++++++++ 1 file changed, 99 insertions(+) create mode 100644 Examples/UIExplorer/UIExplorerUnitTests/RCTShadowViewTests.m diff --git a/Examples/UIExplorer/UIExplorerUnitTests/RCTShadowViewTests.m b/Examples/UIExplorer/UIExplorerUnitTests/RCTShadowViewTests.m new file mode 100644 index 000000000..afe708c5e --- /dev/null +++ b/Examples/UIExplorer/UIExplorerUnitTests/RCTShadowViewTests.m @@ -0,0 +1,99 @@ +// Copyright 2004-present Facebook. All Rights Reserved. + +#import + +#import "RCTShadowView.h" + +@interface RCTShadowViewTests : XCTestCase + +@end + +@implementation RCTShadowViewTests + +// Just a basic sanity test to ensure css-layout is applied correctly in the context of our shadow view hierarchy. +// +// ==================================== +// || header || +// ==================================== +// || || || || +// || left || center || right || +// || || || || +// ==================================== +// || footer || +// ==================================== +// +- (void)testApplyingLayoutRecursivelyToShadowView +{ + RCTShadowView *leftView = [self _shadowViewWithStyle:^(css_style_t *style) { + style->flex = 1; + }]; + + RCTShadowView *centerView = [self _shadowViewWithStyle:^(css_style_t *style) { + style->flex = 2; + style->margin[0] = 10; + style->margin[2] = 10; + }]; + + RCTShadowView *rightView = [self _shadowViewWithStyle:^(css_style_t *style) { + style->flex = 1; + }]; + + RCTShadowView *mainView = [self _shadowViewWithStyle:^(css_style_t *style) { + style->flex_direction = CSS_FLEX_DIRECTION_ROW; + style->flex = 2; + style->margin[1] = 10; + style->margin[3] = 10; + }]; + + [mainView insertReactSubview:leftView atIndex:0]; + [mainView insertReactSubview:centerView atIndex:1]; + [mainView insertReactSubview:rightView atIndex:2]; + + RCTShadowView *headerView = [self _shadowViewWithStyle:^(css_style_t *style) { + style->flex = 1; + }]; + + RCTShadowView *footerView = [self _shadowViewWithStyle:^(css_style_t *style) { + style->flex = 1; + }]; + + RCTShadowView *parentView = [self _shadowViewWithStyle:^(css_style_t *style) { + style->flex_direction = CSS_FLEX_DIRECTION_COLUMN; + style->padding[0] = 10; + style->padding[1] = 10; + style->padding[2] = 10; + style->padding[3] = 10; + style->dimensions[0] = 440; + style->dimensions[1] = 440; + }]; + + [parentView insertReactSubview:headerView atIndex:0]; + [parentView insertReactSubview:mainView atIndex:1]; + [parentView insertReactSubview:footerView atIndex:2]; + + [parentView collectRootUpdatedFrames:nil parentConstraint:CGSizeZero]; + + XCTAssertTrue(CGRectEqualToRect([parentView measureLayoutRelativeToAncestor:parentView], CGRectMake(0, 0, 440, 440))); + XCTAssertTrue(UIEdgeInsetsEqualToEdgeInsets([parentView paddingAsInsets], UIEdgeInsetsMake(10, 10, 10, 10))); + + XCTAssertTrue(CGRectEqualToRect([headerView measureLayoutRelativeToAncestor:parentView], CGRectMake(10, 10, 420, 100))); + XCTAssertTrue(CGRectEqualToRect([mainView measureLayoutRelativeToAncestor:parentView], CGRectMake(10, 120, 420, 200))); + XCTAssertTrue(CGRectEqualToRect([footerView measureLayoutRelativeToAncestor:parentView], CGRectMake(10, 330, 420, 100))); + + XCTAssertTrue(CGRectEqualToRect([leftView measureLayoutRelativeToAncestor:parentView], CGRectMake(10, 120, 100, 200))); + XCTAssertTrue(CGRectEqualToRect([centerView measureLayoutRelativeToAncestor:parentView], CGRectMake(120, 120, 200, 200))); + XCTAssertTrue(CGRectEqualToRect([rightView measureLayoutRelativeToAncestor:parentView], CGRectMake(330, 120, 100, 200))); +} + +- (RCTShadowView *)_shadowViewWithStyle:(void(^)(css_style_t *style))styleBlock +{ + RCTShadowView *shadowView = [[RCTShadowView alloc] init]; + + css_style_t style = shadowView.cssNode->style; + styleBlock(&style); + shadowView.cssNode->style = style; + + return shadowView; +} + +@end