1 files changed, 37 insertions, 0 deletions
diff --git a/catalog-ui/src/app/ng2/pages/composition/graph/common/style/component-instances-nodes-style.spec.ts b/catalog-ui/src/app/ng2/pages/composition/graph/common/style/component-instances-nodes-style.spec.ts
new file mode 100644
index 0000000000..54b3dbed24
--- /dev/null
+++ b/catalog-ui/src/app/ng2/pages/composition/graph/common/style/component-instances-nodes-style.spec.ts
@@ -0,0 +1,37 @@
+import {async} from "@angular/core/testing";
+import {ComponentInstanceNodesStyle} from "./component-instances-nodes-style";
+
+
+describe('component instance nodes style component', () => {
+
+    beforeEach(
+        async(() => {
+            const createElement = document.createElement.bind(document);
+            document.createElement = (tagName) => {
+                if (tagName === 'canvas') {
+                    return {
+                        getContext: () => ({
+                            font: "",
+                            measureText: (x) => ({width: x.length})
+                        }),
+                    };
+                }
+                return createElement(tagName);
+            };
+        })
+    );
+
+    it('verify getGraphDisplayName for String.length smaller than 67 chars', () => {
+        let inputString = 'SomeText';
+        let expectedRes = inputString;
+        let res = ComponentInstanceNodesStyle.getGraphDisplayName(inputString);
+        expect(res).toBe(expectedRes);
+    });
+
+    it('verify getGraphDisplayName for String.length greater than 67 chars', () => {
+        let inputString = 'AAAAAAAAAABBBBBBBBBBCCCCCCCCCCDDDDDDDDDDEEEEEEEEEEFFFFFFFFFFGGGGGGGGGG12345678';
+        let expectedRes = 'AAAAAAAAAABBBBBBBBBBCCCCCCCCCCDDDDDDDDDDEEEEEEEEEEFFFFFFFFF...';
+        let res = ComponentInstanceNodesStyle.getGraphDisplayName(inputString);
+        expect(res).toBe(expectedRes);
+    });
+}
+\ No newline at end of file