Skip to content

Commit dc96229

Browse files
updated: unit test
1 parent 761ed81 commit dc96229

File tree

2 files changed

+33
-29
lines changed

2 files changed

+33
-29
lines changed

README.md

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,6 @@
66
[![NPM downloads][npm-downloads-image]][npm-url]
77
[![MIT License][license-image]][license-url]
88

9-
Modern css utils.
10-
11-
This script will not be transpiled and it is only thought to be part of your build chain.
12-
139
## Usage
1410

1511
```js

test.js

Lines changed: 33 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,33 @@
11
require('jsdom-global')()
22
const assert = require('assert')
3-
const { set, get, remove } = require('./')
3+
const css = require('./')
44

55
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+
614
it('it can set a style attribute', function() {
715
const div = document.createElement('div')
8-
set(div, 'color', 'red')
16+
css.set(div, 'color', 'red')
917
assert.equal(div.style.color, 'red')
1018
})
1119

1220
it('it can set a style attribute on multiple nodes', function() {
1321
const div = document.createElement('div')
1422
const span = document.createElement('span')
15-
set([div, span], 'color', 'red')
23+
css.set([div, span], 'color', 'red')
1624
assert.equal(div.style.color, 'red')
1725
assert.equal(span.style.color, 'red')
1826
})
1927

2028
it('it can set multiple style attributes', function() {
2129
const div = document.createElement('div')
22-
set(div, {
30+
css.set(div, {
2331
color: 'red',
2432
'font-size': '12px'
2533
})
@@ -30,7 +38,7 @@ describe('Bianco css', function() {
3038
it('it can set multiple style attributes on multiple nodes', function() {
3139
const div = document.createElement('div')
3240
const span = document.createElement('span')
33-
set([div, span], {
41+
css.set([div, span], {
3442
color: 'red',
3543
'font-size': '12px'
3644
})
@@ -43,74 +51,74 @@ describe('Bianco css', function() {
4351

4452
it('it can get style attributes', function() {
4553
const div = document.createElement('div')
46-
set(div, {
54+
css.set(div, {
4755
color: 'red',
4856
'font-size': '12px'
4957
})
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')
5260
})
5361

5462
it('it can get style attributes on multiple nodes', function() {
5563
const div = document.createElement('div')
5664
const span = document.createElement('span')
57-
set([div, span], {
65+
css.set([div, span], {
5866
color: 'red',
5967
'font-size': '12px'
6068
})
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'])
6371
})
6472

6573
it('it can get multiple style attributes', function() {
6674
const div = document.createElement('div')
67-
set(div, {
75+
css.set(div, {
6876
color: 'red',
6977
'font-size': '12px'
7078
})
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' })
7280
})
7381

7482
it('it can get multiple style attributes on multiple nodes', function() {
7583
const div = document.createElement('div')
7684
const span = document.createElement('span')
77-
set([div, span], {
85+
css.set([div, span], {
7886
color: 'red',
7987
'font-size': '12px'
8088
})
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'}])
8290
})
8391

8492
it('it can remove style attributes', function() {
8593
const div = document.createElement('div')
86-
set(div, {
94+
css.set(div, {
8795
color: 'red',
8896
'font-size': '12px'
8997
})
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': ''})
93101
})
94102

95103
it('it can remove style attributes from multiple nodes', function() {
96104
const div = document.createElement('div')
97105
const span = document.createElement('span')
98-
set([div, span], {
106+
css.set([div, span], {
99107
color: 'red',
100108
'font-size': '12px'
101109
})
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'), ['', ''])
104112
})
105113

106114
it('it can remove multiple style attributes from multiple nodes', function() {
107115
const div = document.createElement('div')
108116
const span = document.createElement('span')
109-
set([div, span], {
117+
css.set([div, span], {
110118
color: 'red',
111119
'font-size': '12px'
112120
})
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': ''}])
115123
})
116124
})

0 commit comments

Comments
 (0)