From 58fcf6c53bd992b9998786a46199d6ea87673f60 Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Tue, 14 Nov 2017 22:09:25 +0100
Subject: [PATCH] Add tests for `setIdRule` and `getIdRule`

---
 test/specs/css_composer/index.js | 38 ++++++++++++++++++++++++--------
 1 file changed, 29 insertions(+), 9 deletions(-)

diff --git a/test/specs/css_composer/index.js b/test/specs/css_composer/index.js
index 382f5f160..df1572524 100644
--- a/test/specs/css_composer/index.js
+++ b/test/specs/css_composer/index.js
@@ -1,16 +1,17 @@
-var Models = require('./model/CssModels');
-var CssRuleView = require('./view/CssRuleView');
-var CssRulesView = require('./view/CssRulesView');
-var CssComposer = require('css_composer');
-var e2e = require('./e2e/CssComposer');
-var utils = require('./../test_utils.js');
+const Models = require('./model/CssModels');
+const CssRuleView = require('./view/CssRuleView');
+const CssRulesView = require('./view/CssRulesView');
+const CssComposer = require('css_composer');
+const e2e = require('./e2e/CssComposer');
+const utils = require('./../test_utils.js');
+const Editor = require('editor/model/Editor');
 
 describe('Css Composer', () => {
 
-  describe('Main', () => {
+  describe.only('Main', () => {
 
     var obj;
-
+    var em;
     var config;
     var storagMock = utils.storageMock();
     var editorModel = {
@@ -33,7 +34,8 @@ describe('Css Composer', () => {
 
 
     beforeEach(() => {
-      config = {};
+      em = new Editor({});
+      config = {em};
       obj = new CssComposer().init(config);
     });
 
@@ -158,6 +160,24 @@ describe('Css Composer', () => {
       expect(obj.render()).toExist();
     });
 
+    it('Create a rule with id selector by using setIdRule()', () => {
+      const name = 'test';
+      obj.setIdRule(name, {color: 'red'});
+      expect(obj.getAll().length).toEqual(1);
+      const rule = obj.getIdRule(name);
+      expect(rule.selectorsToString()).toEqual(`#${name}`);
+      expect(rule.styleToString()).toEqual(`color:red;`);
+    });
+
+    it('Create a rule with id selector and state by using setIdRule()', () => {
+      const name = 'test';
+      const state = 'hover';
+      obj.setIdRule(name, {color: 'red'}, {state});
+      expect(obj.getAll().length).toEqual(1);
+      const rule = obj.getIdRule(name, {state});
+      expect(rule.selectorsToString()).toEqual(`#${name}:${state}`);
+    });
+
   });
 
   Models.run();