add jasmine tests

Author: archmoj

test/jasmine/tests/hover_label_test.js

@@ -4998,6 +4998,151 @@ describe('hovermode: (x|y)unified', function() {
         .then(done, done.fail);
     });
 
+    it('non-period points winning hover', function(done) {
+        Plotly.newPlot(gd, {
+            data: [
+                {
+                    name: 'bar',
+                    type: 'bar',
+                    x: ['1999-12', '2000-01', '2000-02'],
+                    y: [2, 1, 3],
+                    xhoverformat: '%b',
+                    xperiod: 'M1'
+                },
+                {
+                    name: 'scatter',
+                    type: 'scatter',
+                    x: [
+                        '2000-01-01', '2000-01-06', '2000-01-11', '2000-01-16', '2000-01-21', '2000-01-26',
+                        '2000-02-01', '2000-02-06', '2000-02-11', '2000-02-16', '2000-02-21', '2000-02-26',
+                        '2000-03-01', '2000-03-06', '2000-03-11', '2000-03-16', '2000-03-21', '2000-03-26'
+                    ],
+                    y: [
+                        1.1, 1.2, 1.3, 1.4, 1.5, 1.6,
+                        2.1, 2.2, 2.3, 2.4, 2.5, 2.6,
+                        3.1, 3.2, 3.3, 3.4, 3.5, 3.6,
+                    ]
+                }
+            ],
+            layout: {
+                showlegend: false,
+                width: 600,
+                height: 400,
+                hovermode: 'x unified'
+            }
+        })
+        .then(function(gd) {
+            _hover(gd, { xpx: 50, ypx: 200 });
+            assertLabel({title: 'Dec', items: [
+                'bar : 2'
+            ]});
+
+            _hover(gd, { xpx: 100, ypx: 200 });
+            assertLabel({title: 'Jan 1, 2000', items: [
+                'scatter : 1.1'
+            ]});
+
+            _hover(gd, { xpx: 150, ypx: 200 });
+            assertLabel({title: 'Jan 11, 2000', items: [
+                'bar : (Jan, 1)',
+                'scatter : 1.3'
+            ]});
+
+            _hover(gd, { xpx: 200, ypx: 200 });
+            assertLabel({title: 'Jan 26, 2000', items: [
+                'bar : (Jan, 1)',
+                'scatter : 1.6'
+            ]});
+
+            _hover(gd, { xpx: 250, ypx: 200 });
+            assertLabel({title: 'Feb 11, 2000', items: [
+                'bar : (Feb, 3)',
+                'scatter : 2.3'
+            ]});
+
+            _hover(gd, { xpx: 300, ypx: 200 });
+            assertLabel({title: 'Feb 21, 2000', items: [
+                'bar : (Feb, 3)',
+                'scatter : 2.5'
+            ]});
+
+            _hover(gd, { xpx: 350, ypx: 200 });
+            assertLabel({title: 'Mar 6, 2000', items: [
+                'scatter : 3.2'
+            ]});
+        })
+        .then(done, done.fail);
+    });
+
+    it('period points alignments', function(done) {
+        Plotly.newPlot(gd, {
+            data: [
+                {
+                    name: 'bar',
+                    type: 'bar',
+                    x: ['2000-01', '2000-02'],
+                    y: [1, 2],
+                    xhoverfrmat: '%b',
+                    xperiod: 'M1'
+                },
+                {
+                    name: 'start',
+                    type: 'scatter',
+                    x: ['2000-01', '2000-02'],
+                    y: [1, 2],
+                    xhoverformat: '%b',
+                    xperiod: 'M1',
+                    xperiodalignment: 'start'
+                },
+                {
+                    name: 'end',
+                    type: 'scatter',
+                    x: ['2000-01', '2000-02'],
+                    y: [1, 2],
+                    xhoverformat: '%b',
+                    xperiod: 'M1',
+                    xperiodalignment: 'end'
+                },
+            ],
+            layout: {
+                showlegend: false,
+                width: 600,
+                height: 400,
+                hovermode: 'x unified'
+            }
+        })
+        .then(function(gd) {
+            _hover(gd, { xpx: 40, ypx: 200 });
+            assertLabel({title: 'Jan', items: [
+                'bar : (Jan 1, 2000, 1)',
+                'start : 1',
+                'end : 1'
+            ]});
+
+            _hover(gd, { xpx: 100, ypx: 200 });
+            assertLabel({title: 'Jan 1, 2000', items: [
+                'bar : 1',
+                'start : (Jan, 1)',
+                'end : (Jan, 1)'
+            ]});
+
+            _hover(gd, { xpx: 360, ypx: 200 });
+            assertLabel({title: 'Feb 1, 2000', items: [
+                'bar : 2',
+                'start : (Feb, 2)',
+                'end : (Feb, 2)'
+            ]});
+
+            _hover(gd, { xpx: 400, ypx: 200 });
+            assertLabel({title: 'Feb', items: [
+                'bar : (Feb 1, 2000, 2)',
+                'start : 2',
+                'end : 2'
+            ]});
+        })
+        .then(done, done.fail);
+    });
+
     it('should have the same traceorder as the legend', function(done) {
         var mock = require('@mocks/stacked_area.json');
         var mockCopy = Lib.extendDeep({}, mock);