ios cornder radius is rendered as circle now (NativeScript#3915)

Hristo Hristov · web-flow · commit 120230c297ed · 2017-03-31T16:18:12.000+03:00
* ios cornder radius is rendered as circle now

* fix failing test
diff --git a/tests/app/ui/view/view-tests-common.ts b/tests/app/ui/view/view-tests-common.ts
@@ -818,6 +818,7 @@ export function testBorderWidth() {
 export function testCornerRadius() {
     helper.buildUIAndRunTest(_createLabelWithBorder(), function (views: Array<View>) {
         const lbl = views[0];
+        TKUnit.waitUntilReady(() => lbl.isLayoutValid);
         const expectedValue = <number>lbl.borderRadius * utils.layout.getDisplayDensity();
         const actualValue = definition.getUniformNativeCornerRadius(lbl);
         TKUnit.assertAreClose(actualValue, expectedValue, 0.01, "borderRadius");
diff --git a/tns-core-modules/ui/styling/background.ios.ts b/tns-core-modules/ui/styling/background.ios.ts
@@ -37,7 +37,9 @@ export module ios {
             const borderColor = background.getUniformBorderColor();
             layer.borderColor = !borderColor ? undefined : borderColor.ios.CGColor;
             layer.borderWidth = layout.toDeviceIndependentPixels(background.getUniformBorderWidth());
-            layer.cornerRadius = layout.toDeviceIndependentPixels(background.getUniformBorderRadius());
+            const renderSize = view.getActualSize() || { width: 0, height: 0 };
+            const cornerRadius = layout.toDeviceIndependentPixels(background.getUniformBorderRadius());
+            layer.cornerRadius = Math.min(Math.min(renderSize.width / 2, renderSize.height / 2), cornerRadius);
         }
         else {
             drawNonUniformBorders(nativeView, background);
