support css vars (fixes #1230)

1 files changed, 23 insertions, 0 deletions

diff --git a/spec/spec/modules/optional/css.js b/spec/spec/modules/optional/css.js
index 8a42acf..a0fa701 100644
--- a/spec/spec/modules/optional/css.js
+++ b/spec/spec/modules/optional/css.js
@@ -34,6 +34,13 @@ describe('css.js', () => {
           expect(rect.css('fill')).toBe('none')
         })
 
+        it('correctly returns css vars', () => {
+          const rect = new Rect({
+            style: '--foo: red;'
+          })
+          expect(rect.css('--foo')).toBe('red')
+        })
+
         it('returns undefined if css property is not set', () => {
           const rect = new Rect({
             style: 'fill: none; outline-width: 1px; stroke: none'
@@ -94,6 +101,22 @@ describe('css.js', () => {
           })
           expect(rect.css({ fill: null, stroke: 'black' }).css('fill')).toBe('')
         })
+
+        it('allows single set of css vars', () => {
+          const rect = new Rect().css('--foo', 'red').css('--foo', 'green')
+          expect(rect.css()).toEqual({
+            '--foo': 'green'
+          })
+        })
+
+        it('allows multiple set of css vars via object', () => {
+          const rect = new Rect().css({ '--foo': 'red', '--bar': 'green' })
+
+          expect(rect.css()).toEqual({
+            '--foo': 'red',
+            '--bar': 'green'
+          })
+        })
       })
     })