How to combine quaternion tracks in an animation?

I’m trying to create an animation action for an object that rotates each x,y,z component separately (and at different timings), as you can see here I setup the animation to do that:

https://jsfiddle.net/u4xg5731/

The problem is that the result doesn’t rotate to the correct position. How can I get the correct result?