[TIMOB-13761] Mobile Web: Animation that uses matrix and autoreverse + repeat does not work as expected

Titanium.UI.setBackgroundColor('#000');

var win = Titanium.UI.createWindow({
	backgroundColor : '#fff',
	layout : "absolute"
});

var container = Ti.UI.createView({
	left : 10,
	right : 10,
	top : 10,
	height : 200,
	layout : "horizontal"
});

var animateX = Ti.UI.createButton({
	title : "Animate X"
});
var animationX = Ti.UI.createAnimation({
	left : 200,
	duration : 3000,
	delay : 1000,
	repeat : 2,
	//	autoreverse: true,
	visible : true
});

var animateXpromise;
animateX.addEventListener("click", function() {
	animateXpromise = block.animate(animationX, function() {
		Ti.API.log("X animation finished (" + block.left + "," + block.top + ")");
	});
});
container.add(animateX);

var animateY = Ti.UI.createButton({
	title : "Animate Y"
});
animateY.addEventListener("click", function() {
	block.animate({
		top : 400,
		duration : 5000
	}, function() {
		Ti.API.log("Y animation finished (" + block.left + "," + block.top + ")");
	});
});
container.add(animateY);

var bgbutton = Ti.UI.createButton({
	title : "BG Color"
});
bgbutton.addEventListener("click", function() {
	block.animate({
		backgroundColor : "#0F0",
		duration : 4000
	});
});
container.add(bgbutton);

var opacitybutton = Ti.UI.createButton({
	title : "Fade out"
});
opacitybutton.addEventListener("click", function() {
	block.animate({
		opacity : 0,
		duration : 2000
	});
});
container.add(opacitybutton);

var opacitybutton2 = Ti.UI.createButton({
	title : "Fade in"
});
opacitybutton2.addEventListener("click", function() {
	block.animate({
		opacity : 1,
		duration : 2000
	});
});
container.add(opacitybutton2);

var transform2dbutton = Ti.UI.createButton({
	title : "2D"
});
transform2dbutton.addEventListener("click", function() {
	var m = Ti.UI.create2DMatrix();
	block.animate({
		duration : 4000,
		transform : m.scale(2).rotate(720)
	});
});
container.add(transform2dbutton);

var pause = Ti.UI.createButton({
	title : "Pause X"
});
pause.addEventListener("click", function() {
	animateXpromise.pause();
});
container.add(pause);

var resume = Ti.UI.createButton({
	title : "Resume X"
});
resume.addEventListener("click", function() {
	animateXpromise.resume();
});
container.add(resume);

var cancel = Ti.UI.createButton({
	title : "Cancel X"
});
cancel.addEventListener("click", function() {
	animateXpromise.cancel();
});
container.add(cancel);

var matixAnim = Ti.UI.createButton({
	title : "Matrix Animation"
});
matixAnim.addEventListener("click", function() {
	var matrix = Ti.UI.create2DMatrix()
	matrix = matrix.rotate(90);
	matrix = matrix.scale(2, 2);
	var a = Ti.UI.createAnimation({
		transform : matrix,
		duration : 1000,
		autoreverse : true,
		repeat : 2
	});
	block.animate(a);
});
container.add(matixAnim);

var block = Ti.UI.createView({
	backgroundColor : "red",
	left : 10,
	top : 110,
	width : 20,
	height : 20
});

win.add(container);
win.add(block);
win.open();