@ -2,14 +2,20 @@
* TODO - add tests for : * TODO - add tests for :
* === = * === =
* *
* - ! ! ! good test case with the tags for max width
* - pathological cases of spaces ( and other whitespace ! )
* - html unclosed or unopened tags * - html unclosed or unopened tags
* - html tag combinations with no font defined ( e . g . bold within mono ) * - html tag combinations with no font defined ( e . g . bold within mono )
* - Unit tests for bad font shorthands .
* Currently , only "size[px] name color" is valid , always 3 items with this exact spacing .
* All other combinations should either be rejected as error or handled gracefully .
* / * /
var assert = require ( 'assert' ) var assert = require ( 'assert' )
var Label = require ( '../lib/network/modules/components/shared/Label' ) . default ; var Label = require ( '../lib/network/modules/components/shared/Label' ) . default ;
var NodesHandler = require ( '../lib/network/modules/NodesHandler' ) . default ; var NodesHandler = require ( '../lib/network/modules/NodesHandler' ) . default ;
var util = require ( '../lib/util' ) ;
var jsdom_global = require ( 'jsdom-global' ) ;
var vis = require ( '../dist/vis' ) ;
var Network = vis . network ;
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * / * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Dummy class definitions for minimal required functionality . * Dummy class definitions for minimal required functionality .
@ -128,12 +134,10 @@ describe('Network Label', function() {
] ; ] ;
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * / * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Expected Results * Expected Results
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * / * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
var normal_expected = [ { var normal_expected = [ {
// In first item, width/height kept in for reference
// In first item, width/height kept in for reference
width : 120 , width : 120 ,
@ -315,6 +319,20 @@ describe('Network Label', function() {
* End Expected Results * End Expected Results
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * / * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
before ( function ( ) {
this . jsdom_global = jsdom_global (
"<div id='mynetwork'></div>" ,
{ skipWindowCheck : true }
) ;
this . container = document . getElementById ( 'mynetwork' ) ;
} ) ;
after ( function ( ) {
this . jsdom_global ( ) ;
} ) ;
it ( 'parses normal text labels' , function ( done ) { it ( 'parses normal text labels' , function ( done ) {
var label = new Label ( { } , getOptions ( ) ) ; var label = new Label ( { } , getOptions ( ) ) ;
@ -418,7 +436,760 @@ describe('Network Label', function() {
} ) ; } ) ;
it ( 'compresses spaces in multifont' , function ( done ) {
describe ( 'Multi-Fonts' , function ( ) {
class HelperNode {
constructor ( network ) {
this . nodes = network . body . nodes ;
}
fontOption ( index ) {
return this . nodes [ index ] . labelModule . fontOptions ;
} ;
modBold ( index ) {
return this . fontOption ( index ) . bold ;
} ;
}
describe ( 'Node Labels' , function ( ) {
function createNodeNetwork ( newOptions ) {
var dataNodes = [
{ id : 0 , label : '<b>0</b>' } ,
{ id : 1 , label : '<b>1</b>' } ,
{ id : 2 , label : '<b>2</b>' , group : 'group1' } ,
{ id : 3 , label : '<b>3</b>' ,
font : {
bold : { color : 'green' } ,
}
} ,
{ id : 4 , label : '<b>4</b>' , group : 'group1' ,
font : {
bold : { color : 'green' } ,
}
} ,
] ;
// create a network
var container = document . getElementById ( 'mynetwork' ) ;
var data = {
nodes : new vis . DataSet ( dataNodes ) ,
edges : [ ]
} ;
var options = {
nodes : {
font : {
multi : true
}
} ,
groups : {
group1 : {
font : { color : 'red' } ,
} ,
group2 : {
font : { color : 'white' } ,
} ,
} ,
} ;
if ( newOptions !== undefined ) {
util . deepExtend ( options , newOptions ) ;
}
var network = new vis . Network ( container , data , options ) ;
return [ network , data , options ] ;
}
/ * *
* Check that setting options for multi - font works as expected
*
* - using multi - font 'bold' for test , the rest should work analogously
* - using multi - font option 'color' for test , the rest should work analogously
* /
it ( 'respects the font option precedence' , function ( done ) {
var [ network , data , options ] = createNodeNetwork ( ) ;
var h = new HelperNode ( network ) ;
assert . equal ( h . modBold ( 0 ) . color , '#343434' ) ; // Default value
assert . equal ( h . modBold ( 1 ) . color , '#343434' ) ; // Default value
assert . equal ( h . modBold ( 2 ) . color , 'red' ) ; // Group value overrides default
assert . equal ( h . modBold ( 3 ) . color , 'green' ) ; // Local value overrides default
assert . equal ( h . modBold ( 4 ) . color , 'green' ) ; // Local value overrides group
done ( ) ;
} ) ;
it ( 'handles dynamic data and option updates' , function ( done ) {
var [ network , data , options ] = createNodeNetwork ( ) ;
var h = new HelperNode ( network ) ;
//
// Change some node values dynamically
//
data . nodes . update ( [
{ id : 1 , group : 'group2' } ,
{ id : 4 , font : { bold : { color : 'orange' } } } ,
] ) ;
assert . equal ( h . modBold ( 0 ) . color , '#343434' ) ; // unchanged
assert . equal ( h . modBold ( 1 ) . color , 'white' ) ; // new group value
assert . equal ( h . modBold ( 3 ) . color , 'green' ) ; // unchanged
assert . equal ( h . modBold ( 4 ) . color , 'orange' ) ; // new local value
//
// Change group options dynamically
//
network . setOptions ( {
groups : {
group1 : {
font : { color : 'brown' } ,
} ,
} ,
} ) ;
assert . equal ( h . modBold ( 0 ) . color , '#343434' ) ; // unchanged
assert . equal ( h . modBold ( 1 ) . color , 'white' ) ; // Unchanged
assert . equal ( h . modBold ( 2 ) . color , 'brown' ) ; // New group values
assert . equal ( h . modBold ( 3 ) . color , 'green' ) ; // unchanged
assert . equal ( h . modBold ( 4 ) . color , 'orange' ) ; // unchanged
network . setOptions ( {
nodes : {
font : {
multi : true ,
bold : {
color : 'black'
}
}
} ,
} ) ;
assert . equal ( h . modBold ( 0 ) . color , 'black' ) ; // nodes default
assert . equal ( h . modBold ( 1 ) . color , 'black' ) ; // more specific bold value overrides group value
assert . equal ( h . modBold ( 2 ) . color , 'black' ) ; // idem
assert . equal ( h . modBold ( 3 ) . color , 'green' ) ; // unchanged
assert . equal ( h . modBold ( 4 ) . color , 'orange' ) ; // unchanged
network . setOptions ( {
groups : {
group1 : {
font : { bold : { color : 'brown' } } ,
} ,
} ,
} ) ;
assert . equal ( h . modBold ( 0 ) . color , 'black' ) ; // nodes default
assert . equal ( h . modBold ( 1 ) . color , 'black' ) ; // more specific bold value overrides group value
assert . equal ( h . modBold ( 2 ) . color , 'brown' ) ; // bold group value overrides bold node value
assert . equal ( h . modBold ( 3 ) . color , 'green' ) ; // unchanged
assert . equal ( h . modBold ( 4 ) . color , 'orange' ) ; // unchanged
done ( ) ;
} ) ;
it ( 'handles normal font values in default options' , function ( done ) {
var newOptions = {
nodes : {
font : {
color : 'purple' // Override the default value
}
} ,
} ;
var [ network , data , options ] = createNodeNetwork ( newOptions ) ;
var h = new HelperNode ( network ) ;
assert . equal ( h . modBold ( 0 ) . color , 'purple' ) ; // Nodes value
assert . equal ( h . modBold ( 1 ) . color , 'purple' ) ; // Nodes value
assert . equal ( h . modBold ( 2 ) . color , 'red' ) ; // Group value overrides nodes
assert . equal ( h . modBold ( 3 ) . color , 'green' ) ; // Local value overrides all
assert . equal ( h . modBold ( 4 ) . color , 'green' ) ; // Idem
done ( ) ;
} ) ;
it ( 'handles multi-font values in default options/groups' , function ( done ) {
var newOptions = {
nodes : {
font : {
color : 'purple' // This set value should be overridden
}
} ,
} ;
newOptions . nodes . font . bold = { color : 'yellow' } ;
newOptions . groups = {
group1 : {
font : { bold : { color : 'red' } }
}
} ;
var [ network , data , options ] = createNodeNetwork ( newOptions ) ;
var h = new HelperNode ( network ) ;
assert ( options . nodes . font . multi ) ;
assert . equal ( h . modBold ( 0 ) . color , 'yellow' ) ; // bold value
assert . equal ( h . modBold ( 1 ) . color , 'yellow' ) ; // bold value
assert . equal ( h . modBold ( 2 ) . color , 'red' ) ; // Group value overrides nodes
assert . equal ( h . modBold ( 3 ) . color , 'green' ) ; // Local value overrides all
assert . equal ( h . modBold ( 4 ) . color , 'green' ) ; // Idem
done ( ) ;
} ) ;
} ) ; // Node Labels
describe ( 'Edge Labels' , function ( ) {
function createEdgeNetwork ( newOptions ) {
var dataNodes = [
{ id : 1 , label : '1' } ,
{ id : 2 , label : '2' } ,
{ id : 3 , label : '3' } ,
{ id : 4 , label : '4' } ,
] ;
var dataEdges = [
{ id : 1 , from : 1 , to : 2 , label : '<b>1</b>' } ,
{ id : 2 , from : 1 , to : 4 , label : '<b>2</b>' ,
font : {
bold : { color : 'green' } ,
}
} ,
{ id : 3 , from : 2 , to : 3 , label : '<b>3</b>' ,
font : {
bold : { color : 'green' } ,
}
} ,
] ;
// create a network
var container = document . getElementById ( 'mynetwork' ) ;
var data = {
nodes : new vis . DataSet ( dataNodes ) ,
edges : new vis . DataSet ( dataEdges ) ,
} ;
var options = {
edges : {
font : {
multi : true
}
} ,
} ;
if ( newOptions !== undefined ) {
util . deepExtend ( options , newOptions ) ;
}
var network = new vis . Network ( container , data , options ) ;
return [ network , data , options ] ;
}
class HelperEdge {
constructor ( network ) {
this . edges = network . body . edges ;
}
fontOption ( index ) {
return this . edges [ index ] . labelModule . fontOptions ;
} ;
modBold ( index ) {
return this . fontOption ( index ) . bold ;
} ;
}
/ * *
* Check that setting options for multi - font works as expected
*
* - using multi - font 'bold' for test , the rest should work analogously
* - using multi - font option 'color' for test , the rest should work analogously
* - edges have no groups
* /
it ( 'respects the font option precedence' , function ( done ) {
var [ network , data , options ] = createEdgeNetwork ( ) ;
var h = new HelperEdge ( network ) ;
assert . equal ( h . modBold ( 1 ) . color , '#343434' ) ; // Default value
assert . equal ( h . modBold ( 2 ) . color , 'green' ) ; // Local value overrides default
assert . equal ( h . modBold ( 3 ) . color , 'green' ) ; // Local value overrides group
done ( ) ;
} ) ;
it ( 'handles dynamic data and option updates' , function ( done ) {
var [ network , data , options ] = createEdgeNetwork ( ) ;
var h = new HelperEdge ( network ) ;
data . edges . update ( [
{ id : 3 , font : { bold : { color : 'orange' } } } ,
] ) ;
assert . equal ( h . modBold ( 1 ) . color , '#343434' ) ; // unchanged
assert . equal ( h . modBold ( 2 ) . color , 'green' ) ; // unchanged
assert . equal ( h . modBold ( 3 ) . color , 'orange' ) ; // new local value
network . setOptions ( {
edges : {
font : {
multi : true ,
bold : {
color : 'black'
}
}
} ,
} ) ;
assert . equal ( h . modBold ( 1 ) . color , 'black' ) ; // more specific bold value overrides group value
assert . equal ( h . modBold ( 2 ) . color , 'green' ) ; // unchanged
assert . equal ( h . modBold ( 3 ) . color , 'orange' ) ; // unchanged
done ( ) ;
} ) ;
it ( 'handles font values in default options' , function ( done ) {
var newOptions = {
edges : {
font : {
color : 'purple' // Override the default value
}
} ,
} ;
var [ network , data , options ] = createEdgeNetwork ( newOptions ) ;
var h = new HelperEdge ( network ) ;
assert . equal ( h . modBold ( 1 ) . color , 'purple' ) ; // Nodes value
assert . equal ( h . modBold ( 2 ) . color , 'green' ) ; // Local value overrides all
assert . equal ( h . modBold ( 3 ) . color , 'green' ) ; // Idem
done ( ) ;
} ) ;
} ) ; // Edge Labels
describe ( 'Shorthand Font Options' , function ( ) {
var testFonts = {
'default' : { color : '#343434' , face : 'arial' , size : 14 } ,
'monodef' : { color : '#343434' , face : 'monospace' , size : 15 } ,
'font1' : { color : '#010101' , face : 'Font1' , size : 1 } ,
'font2' : { color : '#020202' , face : 'Font2' , size : 2 } ,
'font3' : { color : '#030303' , face : 'Font3' , size : 3 } ,
'font4' : { color : '#040404' , face : 'Font4' , size : 4 } ,
'font5' : { color : '#050505' , face : 'Font5' , size : 5 } ,
'font6' : { color : '#060606' , face : 'Font6' , size : 6 } ,
'font7' : { color : '#070707' , face : 'Font7' , size : 7 } ,
} ;
function checkFont ( opt , expectedLabel ) {
var expected = testFonts [ expectedLabel ] ;
util . forEach ( expected , ( item , key ) => {
assert . equal ( opt [ key ] , item ) ;
} ) ;
} ;
function createNetwork ( ) {
var dataNodes = [
{ id : 1 , label : '1' } ,
{ id : 2 , label : '2' , group : 'group1' } ,
{ id : 3 , label : '3' , group : 'group2' } ,
{ id : 4 , label : '4' , font : '5px Font5 #050505' } ,
] ;
var dataEdges = [ ] ;
// create a network
var container = document . getElementById ( 'mynetwork' ) ;
var data = {
nodes : new vis . DataSet ( dataNodes ) ,
edges : new vis . DataSet ( dataEdges ) ,
} ;
var options = {
nodes : {
font : {
multi : true ,
bold : '1 Font1 #010101' ,
ital : '2 Font2 #020202' ,
}
} ,
groups : {
group1 : {
font : '3 Font3 #030303'
} ,
group2 : {
font : {
bold : '4 Font4 #040404'
}
}
}
} ;
var network = new vis . Network ( container , data , options ) ;
return [ network , data ] ;
}
it ( 'handles shorthand options correctly' , function ( done ) {
var [ network , data ] = createNetwork ( ) ;
var h = new HelperNode ( network ) ;
// NOTE: 'mono' has its own global default font and size, which will
// trump any other font values set.
var opt = h . fontOption ( 1 ) ;
checkFont ( opt , 'default' ) ;
checkFont ( opt . bold , 'font1' ) ;
checkFont ( opt . ital , 'font2' ) ;
checkFont ( opt . mono , 'monodef' ) ; // Mono should have defaults
// Node 2 should be using group1 options
opt = h . fontOption ( 2 ) ;
checkFont ( opt , 'font3' ) ;
checkFont ( opt . bold , 'font1' ) ; // bold retains nodes default options
checkFont ( opt . ital , 'font2' ) ; // ital retains nodes default options
assert . equal ( opt . mono . color , '#030303' ) ; // New color
assert . equal ( opt . mono . face , 'monospace' ) ; // own global default font
assert . equal ( opt . mono . size , 15 ) ; // Own global default size
// Node 3 should be using group2 options
opt = h . fontOption ( 3 ) ;
checkFont ( opt , 'default' ) ;
checkFont ( opt . bold , 'font4' ) ;
checkFont ( opt . ital , 'font2' ) ;
checkFont ( opt . mono , 'monodef' ) ; // Mono should have defaults
// Node 4 has its own base font definition
opt = h . fontOption ( 4 ) ;
checkFont ( opt , 'font5' ) ;
checkFont ( opt . bold , 'font1' ) ;
checkFont ( opt . ital , 'font2' ) ;
assert . equal ( opt . mono . color , '#050505' ) ; // New color
assert . equal ( opt . mono . face , 'monospace' ) ;
assert . equal ( opt . mono . size , 15 ) ;
done ( ) ;
} ) ;
function dynamicAdd1 ( network , data ) {
// Add new shorthand at every level
data . nodes . update ( [
{ id : 1 , font : '5 Font5 #050505' } ,
{ id : 4 , font : { bold : '6 Font6 #060606' } } , // kills node instance base font
] ) ;
network . setOptions ( {
nodes : {
font : {
multi : true ,
ital : '4 Font4 #040404' ,
}
} ,
groups : {
group1 : {
font : {
bold : '7 Font7 #070707' // Kills node instance base font
}
} ,
group2 : {
font : '6 Font6 #060606' // Note: 'bold' removed by this
}
}
} ) ;
}
function dynamicAdd2 ( network , data ) {
network . setOptions ( {
nodes : {
font : '7 Font7 #070707' // Note: this kills the font.multi, bold and ital settings!
}
} ) ;
}
it ( 'deals with dynamic data and option updates for shorthand' , function ( done ) {
var [ network , data ] = createNetwork ( ) ;
var h = new HelperNode ( network ) ;
dynamicAdd1 ( network , data ) ;
var opt = h . fontOption ( 1 ) ;
checkFont ( opt , 'font5' ) ; // New base font
checkFont ( opt . bold , 'font1' ) ;
checkFont ( opt . ital , 'font4' ) ; // New global node default
assert . equal ( opt . mono . color , '#050505' ) ; // New color
assert . equal ( opt . mono . face , 'monospace' ) ;
assert . equal ( opt . mono . size , 15 ) ;
opt = h . fontOption ( 2 ) ;
checkFont ( opt , 'default' ) ;
checkFont ( opt . bold , 'font7' ) ;
checkFont ( opt . ital , 'font4' ) ; // New global node default
checkFont ( opt . mono , 'monodef' ) ; // Mono should have defaults again
opt = h . fontOption ( 3 ) ;
checkFont ( opt , 'font6' ) ; // New base font
checkFont ( opt . bold , 'font1' ) ; // group bold option removed, using global default node
checkFont ( opt . ital , 'font4' ) ; // New global node default
assert . equal ( opt . mono . color , '#060606' ) ; // New color
assert . equal ( opt . mono . face , 'monospace' ) ;
assert . equal ( opt . mono . size , 15 ) ;
opt = h . fontOption ( 4 ) ;
checkFont ( opt , 'default' ) ;
checkFont ( opt . bold , 'font6' ) ;
checkFont ( opt . ital , 'font4' ) ;
assert . equal ( opt . mono . face , 'monospace' ) ;
assert . equal ( opt . mono . size , 15 ) ;
done ( ) ;
} ) ;
it ( 'deals with dynamic change of global node default' , function ( done ) {
var [ network , data ] = createNetwork ( ) ;
var h = new HelperNode ( network ) ;
dynamicAdd1 ( network , data ) ; // Accumulate data of dynamic add
dynamicAdd2 ( network , data ) ;
var opt = h . fontOption ( 1 ) ;
checkFont ( opt , 'font5' ) ; // Node instance value
checkFont ( opt . bold , 'font5' ) ; // bold def removed from global default node
checkFont ( opt . ital , 'font5' ) ; // idem
assert . equal ( opt . mono . color , '#050505' ) ; // New color
assert . equal ( opt . mono . face , 'monospace' ) ;
assert . equal ( opt . mono . size , 15 ) ;
opt = h . fontOption ( 2 ) ;
checkFont ( opt , 'font7' ) ; // global node default applies for all settings
checkFont ( opt . bold , 'font7' ) ;
checkFont ( opt . ital , 'font7' ) ;
assert . equal ( opt . mono . color , '#070707' ) ;
assert . equal ( opt . mono . face , 'monospace' ) ;
assert . equal ( opt . mono . size , 15 ) ;
opt = h . fontOption ( 3 ) ;
checkFont ( opt , 'font6' ) ; // Group base font
checkFont ( opt . bold , 'font6' ) ; // idem
checkFont ( opt . ital , 'font6' ) ; // idem
assert . equal ( opt . mono . color , '#060606' ) ; // idem
assert . equal ( opt . mono . face , 'monospace' ) ;
assert . equal ( opt . mono . size , 15 ) ;
opt = h . fontOption ( 4 ) ;
checkFont ( opt , 'font7' ) ; // global node default
checkFont ( opt . bold , 'font6' ) ; // node instance bold
checkFont ( opt . ital , 'font7' ) ; // global node default
assert . equal ( opt . mono . color , '#070707' ) ; // idem
assert . equal ( opt . mono . face , 'monospace' ) ;
assert . equal ( opt . mono . size , 15 ) ;
done ( ) ;
} ) ;
it ( 'deals with dynamic delete of shorthand options' , function ( done ) {
var [ network , data ] = createNetwork ( ) ;
var h = new HelperNode ( network ) ;
dynamicAdd1 ( network , data ) ; // Accumulate data of previous dynamic steps
dynamicAdd2 ( network , data ) ; // idem
data . nodes . update ( [
{ id : 1 , font : null } ,
{ id : 4 , font : { bold : null } } ,
] ) ;
var opt ;
/ *
// Interesting: following flagged as error in options parsing, avoiding it for that reason
network . setOptions ( {
nodes : {
font : {
multi : true ,
ital : null ,
}
} ,
} ) ;
* /
network . setOptions ( {
groups : {
group1 : {
font : {
bold : null
}
} ,
group2 : {
font : null
}
}
} ) ;
// global defaults for all
for ( let n = 1 ; n <= 4 ; ++ n ) {
opt = h . fontOption ( n ) ;
checkFont ( opt , 'font7' ) ;
checkFont ( opt . bold , 'font7' ) ;
checkFont ( opt . ital , 'font7' ) ;
assert . equal ( opt . mono . color , '#070707' ) ;
assert . equal ( opt . mono . face , 'monospace' ) ;
assert . equal ( opt . mono . size , 15 ) ;
}
/ *
// Not testing following because it is an error in options parsing
network . setOptions ( {
nodes : {
font : null
} ,
} ) ;
* /
done ( ) ;
} ) ;
} ) ; // Shorthand Font Options
it ( 'sets and uses font.multi in group options' , function ( done ) {
/ * *
* Helper function for easily accessing font options in a node
* /
var fontOption = ( index ) => {
var nodes = network . body . nodes ;
return nodes [ index ] . labelModule . fontOptions ;
} ;
/ * *
* Helper function for easily accessing bold options in a node
* /
var modBold = ( index ) => {
return fontOption ( index ) . bold ;
} ;
var dataNodes = [
{ id : 1 , label : '<b>1</b>' , group : 'group1' } ,
{
// From example 1 in #3408
id : 6 ,
label : '<i>\uf286</i> <b>\uf2cd</b> colored glyph icon' ,
shape : 'icon' ,
group : 'colored' ,
icon : { color : 'blue' } ,
font :
{
bold : { color : 'blue' } ,
ital : { color : 'green' }
}
} ,
] ;
// create a network
var container = document . getElementById ( 'mynetwork' ) ;
var data = {
nodes : new vis . DataSet ( dataNodes ) ,
edges : [ ]
} ;
var options = {
groups : {
group1 : {
font : {
multi : true ,
color : 'red'
} ,
} ,
colored :
{
// From example 1 in 3408
icon :
{
face : 'FontAwesome' ,
code : '\uf2b5' ,
} ,
font :
{
face : 'FontAwesome' ,
multi : true ,
bold : { mod : '' } ,
ital : { mod : '' }
}
} ,
} ,
} ;
var network = new vis . Network ( container , data , options ) ;
assert . equal ( modBold ( 1 ) . color , 'red' ) ; // Group value
assert ( fontOption ( 1 ) . multi ) ; // Group value
assert . equal ( modBold ( 6 ) . color , 'blue' ) ; // node instance value
assert ( fontOption ( 6 ) . multi ) ; // Group value
network . setOptions ( {
groups : {
group1 : {
//font: { color: 'brown' }, // Can not just change one field, entire font object is reset
font : {
multi : true ,
color : 'brown'
} ,
} ,
} ,
} ) ;
assert . equal ( modBold ( 1 ) . color , 'brown' ) ; // New value
assert ( fontOption ( 1 ) . multi ) ; // Group value
assert . equal ( modBold ( 6 ) . color , 'blue' ) ; // unchanged
assert ( fontOption ( 6 ) . multi ) ; // unchanged
network . setOptions ( {
groups : {
group1 : {
font : null , // Remove font from group
} ,
} ,
} ) ;
// console.log("===============");
// console.log(fontOption(1));
assert . equal ( modBold ( 1 ) . color , '#343434' ) ; // Reverts to default
assert ( ! fontOption ( 1 ) . multi ) ; // idem
assert . equal ( modBold ( 6 ) . color , 'blue' ) ; // unchanged
assert ( fontOption ( 6 ) . multi ) ; // unchanged
done ( ) ;
} ) ;
it ( 'compresses spaces for Multi-Font' , function ( done ) {
var options = getOptions ( options ) ; var options = getOptions ( options ) ;
var text = [ var text = [
@ -556,6 +1327,8 @@ describe('Network Label', function() {
done ( ) ; done ( ) ;
} ) ; } ) ;
} ) ; // Multi-Fonts
it ( 'parses single huge word on line with preceding whitespace when max width set' , function ( done ) { it ( 'parses single huge word on line with preceding whitespace when max width set' , function ( done ) {
var options = getOptions ( options ) ; var options = getOptions ( options ) ;
@ -563,21 +1336,19 @@ describe('Network Label', function() {
assert . equal ( options . font . multi , false ) ; assert . equal ( options . font . multi , false ) ;
/ * * / * *
* Split a string at the given location , return either first or last part
*
* Allows negative indexing , counting from back ( ruby style ) * Allows negative indexing , counting from back ( ruby style )
* / * /
/ *
TODO : Use when the actual bug is fixed and tests pass .
let splitAt = ( text , pos , getFirst ) => { let splitAt = ( text , pos , getFirst ) => {
if ( pos < 0 ) { pos = text . length + pos ;
if ( pos < 0 ) pos = text . length + pos ;
if ( getFirst ) { if ( getFirst ) {
return text . substring ( 0 , pos ) ) ;
return text . substring ( 0 , pos ) ;
} else { } else {
return text . substring ( pos ) ) ;
return text . substring ( pos ) ;
} }
}
* /
} ;
var label = new Label ( { } , options ) ; var label = new Label ( { } , options ) ;
var longWord = "asd;lkfja;lfkdj;alkjfd;alskfj" ; var longWord = "asd;lkfja;lfkdj;alkjfd;alskfj" ;
@ -594,9 +1365,9 @@ describe('Network Label', function() {
} , { } , {
blocks : [ { text : "" } ] blocks : [ { text : "" } ]
} , { } , {
blocks : [ { text : "asd;lkfja;lfkdj;alkjfd;als" } ]
blocks : [ { text : splitAt ( longWord , - 3 , true ) } ]
} , { } , {
blocks : [ { text : "kfj" } ]
blocks : [ { text : splitAt ( longWord , - 3 , false ) } ]
} ] } ]
} , { } , {
lines : [ { lines : [ {
@ -606,9 +1377,9 @@ describe('Network Label', function() {
} , { } , {
blocks : [ { text : "" } ] blocks : [ { text : "" } ]
} , { } , {
blocks : [ { text : "asd;lkfja;lfkdj;alkjfd;als" } ]
blocks : [ { text : splitAt ( longWord , - 3 , true ) } ]
} , { } , {
blocks : [ { text : "kfj" } ]
blocks : [ { text : splitAt ( longWord , - 3 , false ) } ]
} ] } ]
} , { } , {
lines : [ { lines : [ {
@ -618,9 +1389,9 @@ describe('Network Label', function() {
} , { } , {
blocks : [ { text : "" } ] blocks : [ { text : "" } ]
} , { } , {
blocks : [ { text : "asd;lkfja;lfkdj;alkjfd;als" } ]
blocks : [ { text : splitAt ( longWord , - 3 , true ) } ]
} , { } , {
blocks : [ { text : "kfj" } ]
blocks : [ { text : splitAt ( longWord , - 3 , false ) } ]
} ] } ]
} ] ; } ] ;
@ -633,6 +1404,7 @@ describe('Network Label', function() {
options . font . multi = true ; options . font . multi = true ;
var label = new Label ( { } , options ) ; var label = new Label ( { } , options ) ;
checkProcessedLabels ( label , text , expected ) ; checkProcessedLabels ( label , text , expected ) ;
done ( ) ; done ( ) ;
} ) ; } ) ;
} ) ; } ) ;
wimrijnders
7 years ago
Yotam Berkowitz