replace 'annotation' class for 'annotation-text' for annation text nodes

- so that the `selectAll('.annotation')` call Annotation.draw
  doesn't clear 3d annotation text nodes.

Author: etpinard

src/components/annotations/draw.js

@@ -189,7 +189,7 @@ function drawRaw(gd, options, index, xa, ya) {
     var font = options.font;
 
     var annText = annTextGroupInner.append('text')
-        .classed('annotation', true)
+        .classed('annotation-text', true)
         .attr('data-unformatted', options.text)
         .text(options.text);
 
@@ -524,7 +524,7 @@ function drawRaw(gd, options, index, xa, ya) {
                     arrowDragHeadY += options.standoff * (tailY - headY) / arrowLength;
                 }
                 var arrowDrag = arrowGroup.append('path')
-                    .classed('annotation', true)
+                    .classed('annotation-arrow', true)
                     .classed('anndrag', true)
                     .attr({
                         d: 'M3,3H-3V-3H3ZM0,0L' + (tailX - arrowDragHeadX) + ',' + (tailY - arrowDragHeadY),

test/jasmine/tests/drawing_test.js

@@ -381,7 +381,7 @@ describe('Drawing', function() {
                 width: 500
             })
             .then(function() {
-                var node = d3.select('text.annotation').node();
+                var node = d3.select('text.annotation-text').node();
                 assertBBox(Drawing.bBox(node), {
                     height: 14,
                     width: 27.671875,
@@ -395,7 +395,7 @@ describe('Drawing', function() {
                 return Plotly.relayout(gd, 'annotations[0].text', 'HELLO');
             })
             .then(function() {
-                var node = d3.select('text.annotation').node();
+                var node = d3.select('text.annotation-text').node();
                 assertBBox(Drawing.bBox(node), {
                     height: 14,
                     width: 41.015625,
@@ -409,7 +409,7 @@ describe('Drawing', function() {
                 return Plotly.relayout(gd, 'annotations[0].font.size', 20);
             })
             .then(function() {
-                var node = d3.select('text.annotation').node();
+                var node = d3.select('text.annotation-text').node();
                 assertBBox(Drawing.bBox(node), {
                     height: 22,
                     width: 66.015625,