ComponentKitApplicationTests/CKFlexboxComponentSnapshotTests.mm [1622:1647]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  CKComponent *c =
  [CKFlexboxComponent
   newWithView:kLightGrayBackgroundView
   size:{}
   style:{
     .alignItems = CKFlexboxAlignItemsStart,
     .direction = CKFlexboxDirectionColumn,
     .useDeepYogaTrees = _useDeepYogaTrees,
   }
   children:{
     {
       [CKFlexboxComponent
        newWithView:{}
        size:{150,100}
        style:{
          .alignItems = CKFlexboxAlignItemsStart,
          .direction = CKFlexboxDirectionColumn,
          .useDeepYogaTrees = _useDeepYogaTrees,
        }
        children:{
          {
            [CKComponent newWithView:{[UIView class], {{@selector(setBackgroundColor:), [UIColor blueColor]}}} size:{50,50}],
          },
          {
            .position = {
              .type = CKFlexboxPositionTypeAbsolute,
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



ComponentKitApplicationTests/CKFlexboxComponentSnapshotTests.mm [1706:1731]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  CKComponent *c =
  [CKFlexboxComponent
   newWithView:kLightGrayBackgroundView
   size:{}
   style:{
     .alignItems = CKFlexboxAlignItemsStart,
     .direction = CKFlexboxDirectionColumn,
     .useDeepYogaTrees = _useDeepYogaTrees,
   }
   children:{
     {
       [CKFlexboxComponent
        newWithView:{}
        size:{150,100}
        style:{
          .alignItems = CKFlexboxAlignItemsStart,
          .direction = CKFlexboxDirectionColumn,
          .useDeepYogaTrees = _useDeepYogaTrees,
        }
        children:{
          {
            [CKComponent newWithView:{[UIView class], {{@selector(setBackgroundColor:), [UIColor blueColor]}}} size:{50,50}],
          },
          {
            .position = {
              .type = CKFlexboxPositionTypeAbsolute,
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



