1
1
require ( 'jsdom-global' ) ( )
2
2
const assert = require ( 'assert' )
3
- const { set , get , remove } = require ( './' )
3
+ const css = require ( './' )
4
4
5
5
describe ( 'Bianco css' , function ( ) {
6
+ it ( 'export default contains all the module methods' , function ( ) {
7
+ assert . deepEqual ( Object . keys ( css . default ) , [
8
+ 'get' ,
9
+ 'set' ,
10
+ 'remove'
11
+ ] )
12
+ } )
13
+
6
14
it ( 'it can set a style attribute' , function ( ) {
7
15
const div = document . createElement ( 'div' )
8
- set ( div , 'color' , 'red' )
16
+ css . set ( div , 'color' , 'red' )
9
17
assert . equal ( div . style . color , 'red' )
10
18
} )
11
19
12
20
it ( 'it can set a style attribute on multiple nodes' , function ( ) {
13
21
const div = document . createElement ( 'div' )
14
22
const span = document . createElement ( 'span' )
15
- set ( [ div , span ] , 'color' , 'red' )
23
+ css . set ( [ div , span ] , 'color' , 'red' )
16
24
assert . equal ( div . style . color , 'red' )
17
25
assert . equal ( span . style . color , 'red' )
18
26
} )
19
27
20
28
it ( 'it can set multiple style attributes' , function ( ) {
21
29
const div = document . createElement ( 'div' )
22
- set ( div , {
30
+ css . set ( div , {
23
31
color : 'red' ,
24
32
'font-size' : '12px'
25
33
} )
@@ -30,7 +38,7 @@ describe('Bianco css', function() {
30
38
it ( 'it can set multiple style attributes on multiple nodes' , function ( ) {
31
39
const div = document . createElement ( 'div' )
32
40
const span = document . createElement ( 'span' )
33
- set ( [ div , span ] , {
41
+ css . set ( [ div , span ] , {
34
42
color : 'red' ,
35
43
'font-size' : '12px'
36
44
} )
@@ -43,74 +51,74 @@ describe('Bianco css', function() {
43
51
44
52
it ( 'it can get style attributes' , function ( ) {
45
53
const div = document . createElement ( 'div' )
46
- set ( div , {
54
+ css . set ( div , {
47
55
color : 'red' ,
48
56
'font-size' : '12px'
49
57
} )
50
- assert . equal ( get ( div , 'color' ) , 'red' )
51
- assert . equal ( get ( div , 'fontSize' ) , '12px' )
58
+ assert . equal ( css . get ( div , 'color' ) , 'red' )
59
+ assert . equal ( css . get ( div , 'fontSize' ) , '12px' )
52
60
} )
53
61
54
62
it ( 'it can get style attributes on multiple nodes' , function ( ) {
55
63
const div = document . createElement ( 'div' )
56
64
const span = document . createElement ( 'span' )
57
- set ( [ div , span ] , {
65
+ css . set ( [ div , span ] , {
58
66
color : 'red' ,
59
67
'font-size' : '12px'
60
68
} )
61
- assert . deepEqual ( get ( [ div , span ] , 'color' ) , [ 'red' , 'red' ] )
62
- assert . deepEqual ( get ( [ div , span ] , 'fontSize' ) , [ '12px' , '12px' ] )
69
+ assert . deepEqual ( css . get ( [ div , span ] , 'color' ) , [ 'red' , 'red' ] )
70
+ assert . deepEqual ( css . get ( [ div , span ] , 'fontSize' ) , [ '12px' , '12px' ] )
63
71
} )
64
72
65
73
it ( 'it can get multiple style attributes' , function ( ) {
66
74
const div = document . createElement ( 'div' )
67
- set ( div , {
75
+ css . set ( div , {
68
76
color : 'red' ,
69
77
'font-size' : '12px'
70
78
} )
71
- assert . deepEqual ( get ( div , [ 'color' , 'font-size' ] ) , { color : 'red' , 'font-size' : '12px' } )
79
+ assert . deepEqual ( css . get ( div , [ 'color' , 'font-size' ] ) , { color : 'red' , 'font-size' : '12px' } )
72
80
} )
73
81
74
82
it ( 'it can get multiple style attributes on multiple nodes' , function ( ) {
75
83
const div = document . createElement ( 'div' )
76
84
const span = document . createElement ( 'span' )
77
- set ( [ div , span ] , {
85
+ css . set ( [ div , span ] , {
78
86
color : 'red' ,
79
87
'font-size' : '12px'
80
88
} )
81
- assert . deepEqual ( get ( [ div , span ] , [ 'color' , 'font-size' ] ) , [ { color : 'red' , 'font-size' : '12px' } , { color : 'red' , 'font-size' : '12px' } ] )
89
+ assert . deepEqual ( css . get ( [ div , span ] , [ 'color' , 'font-size' ] ) , [ { color : 'red' , 'font-size' : '12px' } , { color : 'red' , 'font-size' : '12px' } ] )
82
90
} )
83
91
84
92
it ( 'it can remove style attributes' , function ( ) {
85
93
const div = document . createElement ( 'div' )
86
- set ( div , {
94
+ css . set ( div , {
87
95
color : 'red' ,
88
96
'font-size' : '12px'
89
97
} )
90
- remove ( div , 'color' )
91
- remove ( div , 'font-size' )
92
- assert . deepEqual ( get ( div , [ 'color' , 'font-size' ] ) , { color : '' , 'font-size' : '' } )
98
+ css . remove ( div , 'color' )
99
+ css . remove ( div , 'font-size' )
100
+ assert . deepEqual ( css . get ( div , [ 'color' , 'font-size' ] ) , { color : '' , 'font-size' : '' } )
93
101
} )
94
102
95
103
it ( 'it can remove style attributes from multiple nodes' , function ( ) {
96
104
const div = document . createElement ( 'div' )
97
105
const span = document . createElement ( 'span' )
98
- set ( [ div , span ] , {
106
+ css . set ( [ div , span ] , {
99
107
color : 'red' ,
100
108
'font-size' : '12px'
101
109
} )
102
- remove ( [ div , span ] , 'color' )
103
- assert . deepEqual ( get ( [ div , span ] , 'color' ) , [ '' , '' ] )
110
+ css . remove ( [ div , span ] , 'color' )
111
+ assert . deepEqual ( css . get ( [ div , span ] , 'color' ) , [ '' , '' ] )
104
112
} )
105
113
106
114
it ( 'it can remove multiple style attributes from multiple nodes' , function ( ) {
107
115
const div = document . createElement ( 'div' )
108
116
const span = document . createElement ( 'span' )
109
- set ( [ div , span ] , {
117
+ css . set ( [ div , span ] , {
110
118
color : 'red' ,
111
119
'font-size' : '12px'
112
120
} )
113
- remove ( [ div , span ] , [ 'color' , 'font-size' ] )
114
- assert . deepEqual ( get ( [ div , span ] , [ 'color' , 'font-size' ] ) , [ { color : '' , 'font-size' : '' } , { color : '' , 'font-size' : '' } ] )
121
+ css . remove ( [ div , span ] , [ 'color' , 'font-size' ] )
122
+ assert . deepEqual ( css . get ( [ div , span ] , [ 'color' , 'font-size' ] ) , [ { color : '' , 'font-size' : '' } , { color : '' , 'font-size' : '' } ] )
115
123
} )
116
124
} )
0 commit comments