feat(ios): update Ti.UI.View.borderRadius to accept number, array and string

[vijaysingh-axway]

https://jira.appcelerator.org/browse/TIMOB-27305
Note - Merge with PR #11796 , which have doc changes. Unit test is copied from there.

[build]

	Fails
🚫	Tests have failed, see below for more information.

	Messages
📖	💾 Here's the generated SDK zipfile.
📖	✊ The commits in this PR match our conventions! Feel free to Rebase and Merge this PR when ready.
📖	❌ 2 tests have failed There are 2 tests failing and 698 skipped out of 7312 total tests.

Tests:

Classname	Name	Time	Error
android.emulator.Titanium.Android	activity callbacks (9)	5.034	Error: timeout of 5000ms exceeded at Titanium.<anonymous> (/ti-mocha.js:6535:53120)
android.emulator.Titanium.UI.TextField	.focused (9)	2.294	Error: timeout of 2000ms exceeded at Titanium.<anonymous> (/ti-mocha.js:6535:53723)

Generated by 🚫 dangerJS against c49c9b8

[janvennemann]

Just a super nit-picky note about variable usage, but nothing dramatic. Approved!

[ssjsamir]

FR Passed Tested with the test case in https://jira.appcelerator.org/browse/TIMOB-27305?focusedCommentId=455767&page=com.atlassian.jira.plugin.system.issuetabpanels%3Acomment-tabpanel#comment-455767, able to see borderRadius corner change the border radius control also tested with different values e.g.

const view_a = Ti.UI.createView({
	backgroundColor: 'red',
	width: 100,
	height: 50,
	top: 100,
	borderRadius: '20 20px 20 30'
});
const view_b = Ti.UI.createView({
	backgroundColor: 'blue',
	width: 100,
	height: 50,
	top: 150,
	borderRadius: [ '20', '30px', '40dp', 20 ]
});

Test Environment

MacOS Big Sur: 11.0 Beta
Xcode: 12.0 Beta 
Java Version: 1.8.0_242
Android NDK: 21.3.6528147
Node.js: 12.18.1
""NPM":"5.0.0","CLI":"8.0.0""
iphone 8 Sim (14.0 Beta)

[sgtcoolguy]

manually merged into master

[Max87ZA]

Hi guys, I installed Ti.SDK 9.1.0.v20200723064106 today to test it and found a bug - I have views(bar chart) which each bar has borderRadius: [ '8', '0', '8', "0" ], so top left and bottom right corners are rounded. Problem is, that height of the each bar is dynamically generated(based on value from API) and animated and if height is small(let's say 60% of parent), both corners are rounded. But if height is bigger, bottom right corner loose its shape(see attached screenshot, all bars are generated in for loop with same code and there are differences in corner radius). Can you pls look at it and fix it?
Tested on iPhone 11 Pro simulator, iOS13.6
Thank you

[brentonhouse]

@Max87ZA - Can you post the code used to generate this (or a sample app)?

[Max87ZA]

@Max87ZA - Can you post the code used to generate this (or a sample app)?

Hi Brenton, I also wrote to JIRA ticket https://jira.appcelerator.org/browse/TIMOB-27305, working on standalone app

Edit: @brentonhouse here it is. In app/lib folder there is chart.js where is the code to generate that chart.
Dummy.zip

[brentonhouse]

Thanks @Max87ZA!

[ssaddique]

Fix verified on build 9.1.0.v20200804082025.

Test environment

OS Ver:         10.15.3
Xcode Ver:      Xcode 11.6
Appc NPM:       5.0.0
Appc CLI:       8.0.0
Node Ver:       10.17.0
Java Ver:       1.8.0_162
Simulator:      iPhone 5s (11.4), iPhone 8 (12.4), iPhone 11 Pro (13.6)
Device:         iPhone 6 (12.1.4)