From 7421858f6b3fe89f60d154f35f34871d52a753ee Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Sat, 2 Sep 2023 13:03:06 +0400
Subject: [PATCH] Up CssRuleView tests

---
 .../view/{CssRuleView.js => CssRuleView.ts}   | 29 ++++++++-----------
 1 file changed, 12 insertions(+), 17 deletions(-)
 rename test/specs/css_composer/view/{CssRuleView.js => CssRuleView.ts} (77%)

diff --git a/test/specs/css_composer/view/CssRuleView.js b/test/specs/css_composer/view/CssRuleView.ts
similarity index 77%
rename from test/specs/css_composer/view/CssRuleView.js
rename to test/specs/css_composer/view/CssRuleView.ts
index a19108000..1e848a188 100644
--- a/test/specs/css_composer/view/CssRuleView.js
+++ b/test/specs/css_composer/view/CssRuleView.ts
@@ -1,17 +1,15 @@
-import CssRuleView from 'css_composer/view/CssRuleView';
-import CssRule from 'css_composer/model/CssRule';
+import CssRuleView from '../../../../src/css_composer/view/CssRuleView';
+import CssRule from '../../../../src/css_composer/model/CssRule';
 
 describe('CssRuleView', () => {
-  let obj;
-  let fixtures;
+  let obj: CssRuleView;
+  let fixtures: HTMLElement;
 
   beforeEach(() => {
-    var m = new CssRule();
-    obj = new CssRuleView({
-      model: m,
-    });
+    const model = new CssRule({} as any, {});
+    obj = new CssRuleView({ model });
     document.body.innerHTML = '<div id="fixtures"></div>';
-    fixtures = document.body.querySelector('#fixtures');
+    fixtures = document.body.querySelector('#fixtures')!;
     fixtures.appendChild(obj.render().el);
   });
 
@@ -33,18 +31,15 @@ describe('CssRuleView', () => {
   });
 
   describe('CssRuleView with selectors', () => {
-    let objReg;
+    let objReg: CssRuleView;
 
     beforeEach(() => {
-      var m = new CssRule({
-        selectors: [{ name: 'test1' }, { name: 'test2' }],
-      });
-      objReg = new CssRuleView({
-        model: m,
-      });
+      const selectors = [{ name: 'test1' }, { name: 'test2' }] as any;
+      const model = new CssRule({ selectors });
+      objReg = new CssRuleView({ model });
       objReg.render();
       document.body.innerHTML = '<div id="fixtures"></div>';
-      fixtures = document.body.querySelector('#fixtures');
+      fixtures = document.body.querySelector('#fixtures')!;
       fixtures.appendChild(objReg.el);
     });