diff --git a/test/specs/css_composer/model/CssModels.js b/test/specs/css_composer/model/CssModels.js
index e4e360c44..b81c477e8 100644
--- a/test/specs/css_composer/model/CssModels.js
+++ b/test/specs/css_composer/model/CssModels.js
@@ -56,6 +56,30 @@ module.exports = {
           expect(obj.compare([s2, s1], 'hover', '1000')).toEqual(true);
         });
 
+        it('toCSS returns empty if there is no style', () => {
+          var s1 = obj.get('selectors').add({ name: 'test1' });
+          expect(obj.toCSS()).toEqual('');
+        });
+
+        it('toCSS returns empty if there is no selectors', () => {
+          obj.setStyle({color: 'red'});
+          expect(obj.toCSS()).toEqual('');
+        });
+
+        it('toCSS returns simple CSS', () => {
+          obj.get('selectors').add({ name: 'test1' });
+          obj.setStyle({color: 'red'});
+          expect(obj.toCSS()).toEqual(`.test1 {color:red}`);
+        });
+
+        it('toCSS wraps correctly inside media rule', () => {
+          const media = '(max-width: 768px)';
+          obj.set('mediaText', media);
+          obj.get('selectors').add({ name: 'test1' });
+          obj.setStyle({color: 'red'});
+          expect(obj.toCSS()).toEqual(`@media ${media}{.test1 {color:red}}`);
+        });
+
     });
 
     describe('CssRules', () => {