Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Appearance settings

Commit 0e6747f

Browse filesBrowse files
alexcjohnsonalexcjohnson
committed
merge tickformatstops_test into axes_test
1 parent 7665b4c commit 0e6747f
Copy full SHA for 0e6747f

File tree

2 files changed

+301
-307
lines changed
Filter options

2 files changed

+301
-307
lines changed

‎test/jasmine/tests/axes_test.js

Copy file name to clipboardExpand all lines: test/jasmine/tests/axes_test.js
+301Lines changed: 301 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
var Plotly = require('@lib/index');
2+
var d3 = require('d3');
23

34
var Plots = require('@src/plots/plots');
45
var Lib = require('@src/lib');
@@ -7,10 +8,12 @@ var tinycolor = require('tinycolor2');
78

89
var handleTickValueDefaults = require('@src/plots/cartesian/tick_value_defaults');
910
var Axes = require('@src/plots/cartesian/axes');
11+
var Fx = require('@src/components/fx');
1012

1113
var createGraphDiv = require('../assets/create_graph_div');
1214
var destroyGraphDiv = require('../assets/destroy_graph_div');
1315
var failTest = require('../assets/fail_test');
16+
var selectButton = require('../assets/modebar_button');
1417

1518

1619
describe('Test axes', function() {
@@ -2481,3 +2484,301 @@ describe('Test axes', function() {
24812484
});
24822485
});
24832486
});
2487+
2488+
function getZoomInButton(gd) {
2489+
return selectButton(gd._fullLayout._modeBar, 'zoomIn2d');
2490+
}
2491+
2492+
function getZoomOutButton(gd) {
2493+
return selectButton(gd._fullLayout._modeBar, 'zoomOut2d');
2494+
}
2495+
2496+
function getFormatter(format) {
2497+
return d3.time.format.utc(format);
2498+
}
2499+
2500+
describe('Test Axes.getTickformat', function() {
2501+
'use strict';
2502+
2503+
it('get proper tickformatstop for linear axis', function() {
2504+
var lineartickformatstops = [
2505+
{
2506+
dtickrange: [null, 1],
2507+
value: '.f2',
2508+
},
2509+
{
2510+
dtickrange: [1, 100],
2511+
value: '.f1',
2512+
},
2513+
{
2514+
dtickrange: [100, null],
2515+
value: 'g',
2516+
}
2517+
];
2518+
expect(Axes.getTickFormat({
2519+
type: 'linear',
2520+
tickformatstops: lineartickformatstops,
2521+
dtick: 0.1
2522+
})).toEqual(lineartickformatstops[0].value);
2523+
2524+
expect(Axes.getTickFormat({
2525+
type: 'linear',
2526+
tickformatstops: lineartickformatstops,
2527+
dtick: 1
2528+
})).toEqual(lineartickformatstops[0].value);
2529+
2530+
expect(Axes.getTickFormat({
2531+
type: 'linear',
2532+
tickformatstops: lineartickformatstops,
2533+
dtick: 99
2534+
})).toEqual(lineartickformatstops[1].value);
2535+
expect(Axes.getTickFormat({
2536+
type: 'linear',
2537+
tickformatstops: lineartickformatstops,
2538+
dtick: 99999
2539+
})).toEqual(lineartickformatstops[2].value);
2540+
});
2541+
2542+
it('get proper tickformatstop for date axis', function() {
2543+
var MILLISECOND = 1;
2544+
var SECOND = MILLISECOND * 1000;
2545+
var MINUTE = SECOND * 60;
2546+
var HOUR = MINUTE * 60;
2547+
var DAY = HOUR * 24;
2548+
var WEEK = DAY * 7;
2549+
var MONTH = 'M1'; // or YEAR / 12;
2550+
var YEAR = 'M12'; // or 365.25 * DAY;
2551+
var datetickformatstops = [
2552+
{
2553+
dtickrange: [null, SECOND],
2554+
value: '%H:%M:%S.%L ms' // millisecond
2555+
},
2556+
{
2557+
dtickrange: [SECOND, MINUTE],
2558+
value: '%H:%M:%S s' // second
2559+
},
2560+
{
2561+
dtickrange: [MINUTE, HOUR],
2562+
value: '%H:%M m' // minute
2563+
},
2564+
{
2565+
dtickrange: [HOUR, DAY],
2566+
value: '%H:%M h' // hour
2567+
},
2568+
{
2569+
dtickrange: [DAY, WEEK],
2570+
value: '%e. %b d' // day
2571+
},
2572+
{
2573+
dtickrange: [WEEK, MONTH],
2574+
value: '%e. %b w' // week
2575+
},
2576+
{
2577+
dtickrange: [MONTH, YEAR],
2578+
value: '%b \'%y M' // month
2579+
},
2580+
{
2581+
dtickrange: [YEAR, null],
2582+
value: '%Y Y' // year
2583+
}
2584+
];
2585+
expect(Axes.getTickFormat({
2586+
type: 'date',
2587+
tickformatstops: datetickformatstops,
2588+
dtick: 100
2589+
})).toEqual(datetickformatstops[0].value); // millisecond
2590+
2591+
expect(Axes.getTickFormat({
2592+
type: 'date',
2593+
tickformatstops: datetickformatstops,
2594+
dtick: 1000
2595+
})).toEqual(datetickformatstops[0].value); // millisecond
2596+
2597+
expect(Axes.getTickFormat({
2598+
type: 'date',
2599+
tickformatstops: datetickformatstops,
2600+
dtick: 1000 * 60 * 60 * 3 // three hours
2601+
})).toEqual(datetickformatstops[3].value); // hour
2602+
2603+
expect(Axes.getTickFormat({
2604+
type: 'date',
2605+
tickformatstops: datetickformatstops,
2606+
dtick: 1000 * 60 * 60 * 24 * 7 * 2 // two weeks
2607+
})).toEqual(datetickformatstops[5].value); // week
2608+
2609+
expect(Axes.getTickFormat({
2610+
type: 'date',
2611+
tickformatstops: datetickformatstops,
2612+
dtick: 'M1'
2613+
})).toEqual(datetickformatstops[5].value); // week
2614+
2615+
expect(Axes.getTickFormat({
2616+
type: 'date',
2617+
tickformatstops: datetickformatstops,
2618+
dtick: 'M5'
2619+
})).toEqual(datetickformatstops[6].value); // month
2620+
2621+
expect(Axes.getTickFormat({
2622+
type: 'date',
2623+
tickformatstops: datetickformatstops,
2624+
dtick: 'M24'
2625+
})).toEqual(datetickformatstops[7].value); // year
2626+
});
2627+
2628+
it('get proper tickformatstop for log axis', function() {
2629+
var logtickformatstops = [
2630+
{
2631+
dtickrange: [null, 'L0.01'],
2632+
value: '.f3',
2633+
},
2634+
{
2635+
dtickrange: ['L0.01', 'L1'],
2636+
value: '.f2',
2637+
},
2638+
{
2639+
dtickrange: ['D1', 'D2'],
2640+
value: '.f1',
2641+
},
2642+
{
2643+
dtickrange: [1, null],
2644+
value: 'g'
2645+
}
2646+
];
2647+
expect(Axes.getTickFormat({
2648+
type: 'log',
2649+
tickformatstops: logtickformatstops,
2650+
dtick: 'L0.0001'
2651+
})).toEqual(logtickformatstops[0].value);
2652+
2653+
expect(Axes.getTickFormat({
2654+
type: 'log',
2655+
tickformatstops: logtickformatstops,
2656+
dtick: 'L0.1'
2657+
})).toEqual(logtickformatstops[1].value);
2658+
2659+
expect(Axes.getTickFormat({
2660+
type: 'log',
2661+
tickformatstops: logtickformatstops,
2662+
dtick: 'L2'
2663+
})).toEqual(undefined);
2664+
expect(Axes.getTickFormat({
2665+
type: 'log',
2666+
tickformatstops: logtickformatstops,
2667+
dtick: 'D2'
2668+
})).toEqual(logtickformatstops[2].value);
2669+
expect(Axes.getTickFormat({
2670+
type: 'log',
2671+
tickformatstops: logtickformatstops,
2672+
dtick: 1
2673+
})).toEqual(logtickformatstops[3].value);
2674+
});
2675+
});
2676+
2677+
describe('Test tickformatstops:', function() {
2678+
'use strict';
2679+
2680+
var mock = require('@mocks/tickformatstops.json');
2681+
2682+
var mockCopy, gd;
2683+
2684+
beforeEach(function() {
2685+
gd = createGraphDiv();
2686+
mockCopy = Lib.extendDeep({}, mock);
2687+
});
2688+
2689+
afterEach(destroyGraphDiv);
2690+
2691+
it('handles zooming-in until milliseconds zoom level', function(done) {
2692+
var promise = Plotly.plot(gd, mockCopy.data, mockCopy.layout);
2693+
2694+
var testCount = 0;
2695+
2696+
var zoomIn = function() {
2697+
promise = promise.then(function() {
2698+
getZoomInButton(gd).click();
2699+
var xLabels = Axes.calcTicks(gd._fullLayout.xaxis);
2700+
var formatter = getFormatter(Axes.getTickFormat(gd._fullLayout.xaxis));
2701+
var expectedLabels = xLabels.map(function(d) {return formatter(new Date(d.x));});
2702+
var actualLabels = xLabels.map(function(d) {return d.text;});
2703+
expect(expectedLabels).toEqual(actualLabels);
2704+
testCount++;
2705+
2706+
if(gd._fullLayout.xaxis.dtick > 1) {
2707+
zoomIn();
2708+
} else {
2709+
// make sure we tested as many levels as we thought we would
2710+
expect(testCount).toBe(32);
2711+
done();
2712+
}
2713+
});
2714+
};
2715+
zoomIn();
2716+
});
2717+
2718+
it('handles zooming-out until years zoom level', function(done) {
2719+
var promise = Plotly.plot(gd, mockCopy.data, mockCopy.layout);
2720+
2721+
var testCount = 0;
2722+
2723+
var zoomOut = function() {
2724+
promise = promise.then(function() {
2725+
getZoomOutButton(gd).click();
2726+
var xLabels = Axes.calcTicks(gd._fullLayout.xaxis);
2727+
var formatter = getFormatter(Axes.getTickFormat(gd._fullLayout.xaxis));
2728+
var expectedLabels = xLabels.map(function(d) {return formatter(new Date(d.x));});
2729+
var actualLabels = xLabels.map(function(d) {return d.text;});
2730+
expect(expectedLabels).toEqual(actualLabels);
2731+
testCount++;
2732+
2733+
if(typeof gd._fullLayout.xaxis.dtick === 'number' ||
2734+
typeof gd._fullLayout.xaxis.dtick === 'string' && parseInt(gd._fullLayout.xaxis.dtick.replace(/\D/g, '')) < 48) {
2735+
zoomOut();
2736+
} else {
2737+
// make sure we tested as many levels as we thought we would
2738+
expect(testCount).toBe(5);
2739+
done();
2740+
}
2741+
});
2742+
};
2743+
zoomOut();
2744+
});
2745+
2746+
it('responds to hover', function(done) {
2747+
var evt = { xpx: 270, ypx: 10 };
2748+
2749+
Plotly.plot(gd, mockCopy.data, mockCopy.layout).then(function() {
2750+
Fx.hover(gd, evt, 'xy');
2751+
2752+
var hoverTrace = gd._hoverdata[0];
2753+
var formatter = getFormatter(Axes.getTickFormat(gd._fullLayout.xaxis));
2754+
2755+
expect(hoverTrace.curveNumber).toEqual(0);
2756+
expect(hoverTrace.pointNumber).toEqual(3);
2757+
expect(hoverTrace.x).toEqual('2005-04-01');
2758+
expect(hoverTrace.y).toEqual(0);
2759+
2760+
expect(d3.selectAll('g.axistext').size()).toEqual(1);
2761+
expect(d3.selectAll('g.hovertext').size()).toEqual(1);
2762+
expect(d3.selectAll('g.axistext').select('text').html()).toEqual(formatter(new Date(hoverTrace.x)));
2763+
expect(d3.selectAll('g.hovertext').select('text').html()).toEqual('0');
2764+
})
2765+
.catch(failTest)
2766+
.then(done);
2767+
});
2768+
2769+
it('doesn\'t fail on bad input', function(done) {
2770+
var promise = Plotly.plot(gd, mockCopy.data, mockCopy.layout);
2771+
2772+
[1, {a: 1, b: 2}, 'boo'].forEach(function(v) {
2773+
promise = promise.then(function() {
2774+
return Plotly.relayout(gd, {'xaxis.tickformatstops': v});
2775+
}).then(function() {
2776+
expect(gd._fullLayout.xaxis.tickformatstops).toEqual([]);
2777+
});
2778+
});
2779+
2780+
promise
2781+
.catch(failTest)
2782+
.then(done);
2783+
});
2784+
});

0 commit comments

Comments
0 (0)
Morty Proxy This is a proxified and sanitized view of the page, visit original site.