Add draftlog for PR#7656

Author: Rhoahndur

draftlogs/7656_add.md

@@ -0,0 +1 @@
+- Add `colorlegend`, `sizelegend`, and `symbollegend` components for attribute-based legends [[#7656](https://github.com/plotly/plotly.js/pull/7656)]

test/image/baselines/colorlegend_basic.png

@@ -130,7 +130,10 @@ describe('plot schema', function() {
             // ... counters, so list it here
             'xaxis.rangeslider.yaxis',
             'legend',
-            'coloraxis'
+            'coloraxis',
+            'colorlegend',
+            'sizelegend',
+            'symbollegend'
         ];
 
         // check if the subplot objects have '_isSubplotObj'

test/image/baselines/sizelegend_basic.png

@@ -293,73 +293,4 @@ describe('Color legend', function() {
         });
     });
 
-    describe('binning', function() {
-        var gd;
-
-        beforeEach(function() {
-            gd = createGraphDiv();
-        });
-
-        afterEach(destroyGraphDiv);
-
-        // Skip: numeric colorscale binning requires additional setup
-        xit('should bin numeric values when exceeding nbins', function(done) {
-            var numericColors = [];
-            for(var i = 0; i < 20; i++) {
-                numericColors.push(i);
-            }
-
-            Plotly.newPlot(gd, [{
-                type: 'scatter',
-                mode: 'markers',
-                x: numericColors,
-                y: numericColors,
-                marker: {
-                    color: numericColors,
-                    colorlegend: 'colorlegend',
-                    colorscale: 'Viridis',
-                    showscale: false
-                }
-            }], {
-                colorlegend: {
-                    visible: true,
-                    binning: 'auto',
-                    nbins: 5
-                }
-            })
-            .then(function() {
-                var items = d3SelectAll('.colorlegend-item');
-                expect(items.size()).toBe(5); // binned into 5 groups
-            })
-            .then(done, done.fail);
-        });
-
-        // Skip: numeric colorscale binning requires additional setup
-        xit('should show discrete values when binning is discrete', function(done) {
-            var numericColors = [1, 2, 3, 1, 2, 3];
-
-            Plotly.newPlot(gd, [{
-                type: 'scatter',
-                mode: 'markers',
-                x: [1, 2, 3, 4, 5, 6],
-                y: [1, 2, 3, 4, 5, 6],
-                marker: {
-                    color: numericColors,
-                    colorlegend: 'colorlegend',
-                    colorscale: 'Viridis',
-                    showscale: false
-                }
-            }], {
-                colorlegend: {
-                    visible: true,
-                    binning: 'discrete'
-                }
-            })
-            .then(function() {
-                var items = d3SelectAll('.colorlegend-item');
-                expect(items.size()).toBe(3); // 1, 2, 3
-            })
-            .then(done, done.fail);
-        });
-    });
 });