#9 added spec for quick styler

test/README.md

@@ -0,0 +1,13 @@
+to debug test, run
+
+```sh
+./node_modules/.bin/karma start --no-single-run --browsers Chrome
+```
+then click debug and press F12 to launch Chrome Developer Tools
+
+to run test in ci mode, run
+
+```sh
+npm run test:watch
+```
+Tests runs in headless Chromium downloaded by Puppeteer. 

test/components/styler/quickTest.js

@@ -0,0 +1,18 @@
+import { appWrapper } from 'helpers/fullRenderHelper'
+
+describe('styler > quick', () => {
+  it('should change style when hover mouse over palette #1', () => {
+    let otSlide = $('.sp-operating-table .sp-ot-slide')
+    const originalStyle = otSlide.css('background').slice(0)
+    let palette1Dom = $(
+      '.sp-navbar-style #sp-quick-styler > .sp-palette[title="palette 1"]'
+    )
+    let palette1 = appWrapper.find(
+      '.sp-navbar-style #sp-quick-styler > .sp-palette[title="palette 1"]'
+    )
+    palette1.simulate('mouseover')
+    expect(otSlide.css('background')).to.equal(palette1Dom.css('background'))
+    palette1.simulate('mouseleave')
+    expect(otSlide.css('background')).to.equal(originalStyle)
+  })
+})

test/components/widgets/controls/rotateTest.js

@@ -1,7 +1,7 @@
 import { appWrapper } from 'helpers/fullRenderHelper'
 
 describe('widgets > controls > rotate', () => {
-  it('should rotate 90° cw along z axis', () => {
+  it('should rotate about 90° cw along z axis', () => {
     let domComponent = $('.sp-operating-table .sp-ot-slide .sp-component:first')
     expect(
       domComponent.find('.sp-edit-ctrls .rotate-z span:first').text()