Skip to content

Layout animations for container array'd objects #1081

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 10 commits into from
Oct 25, 2016
Merged

Layout animations for container array'd objects #1081

Changes from 1 commit
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
891af3b
Change layout update to use new logic
rreusser Oct 25, 2016
726cbf0
Slightly improve transition redraw/interrupt behavior
rreusser Oct 25, 2016
b20371c
The linter, again
rreusser Oct 25, 2016
c137464
Add test for annotations actually moving
rreusser Oct 25, 2016
2bcc266
Add test for annotations actually moving
rreusser Oct 25, 2016
63cd19b
Merge branch 'annotation-animation' of github.com:plotly/plotly.js in…
rreusser Oct 25, 2016
03d19bc
Tweak images to handle animation a bit better
rreusser Oct 25, 2016
30929dc
Test that shapes are updated by transitions
rreusser Oct 25, 2016
b72e36d
Test more attributes of shape transitions on redraw
rreusser Oct 25, 2016
43b95d8
Swap image source
rreusser Oct 25, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 28 additions & 0 deletions test/jasmine/tests/transition_test.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,6 +65,34 @@ function runTests(transitionDuration) {
}).catch(fail).then(done);
});

it('transitions an annotation', function (done) {
function annotationPosition () {
var g = gd._fullLayout._infolayer.select('.annotation').select('.annotation-text-g');
return [parseInt(g.attr('x')), parseInt(g.attr('y'))];
}
var p1, p2;

Plotly.relayout(gd, {annotations: [{x: 0, y: 0, text: 'test'}]}).then(function() {
p1 = annotationPosition();

return Plots.transition(gd, null, {
'annotations[0].x': 1,
'annotations[0].y': 1
}, [],
{redraw: true, duration: transitionDuration},
{duration: transitionDuration, easing: 'cubic-in-out'}
);
}).then(function () {
p2 = annotationPosition();

// Ensure both coordinates have moved, i.e. that the annotation has transitioned:
expect(p1[0]).not.toEqual(p2[0]);
expect(p1[1]).not.toEqual(p2[1]);

}).catch(fail).then(done);

});
Copy link
Contributor

@etpinard etpinard Oct 25, 2016

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!


it('transitions a transform', function(done) {
Plotly.restyle(gd, {
'transforms[0]': {
Expand Down