testing/ALOY-612 test app

test/apps/testing/ALOY-612/controllers/index.js

@@ -0,0 +1,16 @@
+$.index.open();
+
+var style = require('alloy/styles/index');
+var i, len;	
+for (i = 0, len = $.index.children.length; i < len; i++) {
+	var child = $.index.children[i];
+	child.addEventListener('click', function(e) {
+		var id = e.source.id;
+		_.each(style, function(o) {
+			if (o.key === id && o.isId) {
+				// print each style that applies by ID to the source
+				Ti.API.info(JSON.stringify(o));
+			}
+		});
+	});
+}

test/apps/testing/ALOY-612/styles/app.tss

@@ -0,0 +1,14 @@
+"Window": {
+	backgroundColor: '#fff',
+	fullscreen: false
+}
+
+"Label": {
+	color: '#000',
+	height: Ti.UI.SIZE,
+	width: Ti.UI.SIZE
+}
+
+"Button": {
+	color: '#500'
+}

test/apps/testing/ALOY-612/styles/index.tss

@@ -0,0 +1,41 @@
+"Button": {
+	top: '15dp'
+}
+
+"#index": {
+	layout: 'vertical'
+}
+
+"#index[platform=android]": {
+	exitOnClose: true
+}
+
+"#info": {
+	top: '15dp',
+	textAlign: 'center',
+	width: '250dp',
+	font: {
+		fontSize: '18dp',
+		fontWeight: 'normal'
+	}
+}
+
+"#button1": {
+	height: '70dp',
+	width: '250dp',
+	borderRadius: 8,
+	borderWidth: 2,
+	borderColor: '#500'
+}
+
+"#button2": {
+	width: '100dp'
+}
+
+"#button3": {
+	height: '40dp',
+	width: '200dp',
+	borderRadius: 32,
+	borderWidth: 1,
+	borderColor: '#0f0'
+}

test/apps/testing/ALOY-612/views/index.xml

@@ -0,0 +1,8 @@
+<Alloy>
+	<Window>
+		<Label id="info">Click anything to see its ID style entry</Label>
+		<Button id="button1">button1</Button>
+		<Button id="button2">button2</Button>
+		<Button id="button3">button3</Button>
+	</Window>
+</Alloy>