From a6f6f960a35a14a24ab8060ae3b95c7c6e6a7831 Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Tue, 23 Jan 2024 21:32:25 +0400
Subject: [PATCH] Up TraitView

---
 test/specs/trait_manager/index.ts           | 24 +++++++++++++++
 test/specs/trait_manager/view/TraitsView.ts | 33 +++++++++++----------
 2 files changed, 42 insertions(+), 15 deletions(-)
 create mode 100644 test/specs/trait_manager/index.ts

diff --git a/test/specs/trait_manager/index.ts b/test/specs/trait_manager/index.ts
new file mode 100644
index 000000000..80a7933ca
--- /dev/null
+++ b/test/specs/trait_manager/index.ts
@@ -0,0 +1,24 @@
+import Editor from '../../../src/editor/model/Editor';
+import TraitManager from '../../../src/trait_manager';
+
+describe('TraitManager', () => {
+  let em: Editor;
+  let tm: TraitManager;
+
+  beforeEach(() => {
+    em = new Editor({
+      mediaCondition: 'max-width',
+      avoidInlineStyle: true,
+    });
+    tm = em.Traits;
+    // em.get('PageManager').onLoad();
+  });
+
+  afterEach(() => {
+    em.destroy();
+  });
+
+  test('TraitManager exists', () => {
+    expect(tm).toBeTruthy();
+  });
+});
diff --git a/test/specs/trait_manager/view/TraitsView.ts b/test/specs/trait_manager/view/TraitsView.ts
index 35bf45e52..56fd17150 100644
--- a/test/specs/trait_manager/view/TraitsView.ts
+++ b/test/specs/trait_manager/view/TraitsView.ts
@@ -5,15 +5,17 @@ import EditorModel from '../../../../src/editor/model/Editor';
 import Editor from '../../../../src/editor';
 
 describe('TraitView', () => {
-  var obj: TraitView;
-  var trait: Trait;
-  var modelName = 'title';
-  var target: Component;
-  var em: EditorModel;
+  let obj: TraitView;
+  let trait: Trait;
+  let modelName = 'title';
+  let target: Component;
+  let em: EditorModel;
+  let config: { em: EditorModel };
 
   beforeEach(() => {
     em = new Editor().getModel();
-    target = new Component();
+    config = { em };
+    target = new Component({}, config);
     trait = new Trait(
       {
         name: modelName,
@@ -23,6 +25,7 @@ describe('TraitView', () => {
     );
     obj = new TraitView({
       model: trait,
+      config,
     });
   });
 
@@ -34,34 +37,34 @@ describe('TraitView', () => {
 
   test('On update of the value updates the target attributes', () => {
     trait.set('value', 'test');
-    var eq = { [modelName]: 'test' };
+    const eq = { [modelName]: 'test' };
     expect(target.get('attributes')).toEqual(eq);
   });
 
   test('Updates on different models do not alter other targets', () => {
-    var target1 = new Component();
-    var target2 = new Component();
-    var trait1 = new Trait(
+    const target1 = new Component({}, config);
+    const target2 = new Component({}, config);
+    const trait1 = new Trait(
       {
         name: modelName,
         target: target1,
       },
       em
     );
-    var trait2 = new Trait(
+    const trait2 = new Trait(
       {
         name: modelName,
         target: target2,
       },
       em
     );
-    var obj1 = new TraitView({ model: trait1 });
-    var obj2 = new TraitView({ model: trait2 });
+    const obj1 = new TraitView({ model: trait1 });
+    const obj2 = new TraitView({ model: trait2 });
 
     trait1.set('value', 'test1');
     trait2.set('value', 'test2');
-    var eq1 = { [modelName]: 'test1' };
-    var eq2 = { [modelName]: 'test2' };
+    const eq1 = { [modelName]: 'test1' };
+    const eq2 = { [modelName]: 'test2' };
     expect(target1.get('attributes')).toEqual(eq1);
     expect(target2.get('attributes')).toEqual(eq2);
   });