Diagram - fix server-side rendering test

js/ui/diagram/ui.diagram.toolbox.js

@@ -1,5 +1,6 @@
 import $ from '../../core/renderer';
 import { Deferred } from '../../core/utils/deferred';
+import { hasWindow } from '../../core/utils/window';
 import Widget from '../widget/ui.widget';
 import Popup from '../popup';
 import TextBox from '../text_box';
@@ -30,14 +31,15 @@ class DiagramToolbox extends Widget {
         const that = this;
         const $parent = this.$element();
 
+        const popupHeight = hasWindow() ? $parent.height() - 2 * DIAGRAM_TOOLBOX_SPACING : 200;
         const $popupElement = $('<div>')
             .addClass(DIAGRAM_TOOLBOX_POPUP_CLASS)
             .appendTo($parent);
 
         this._popupInstance = this._createComponent($popupElement, Popup, {
             animation: null,
             width: DIAGRAM_TOOLBOX_POPUP_WIDTH,
-            height: $parent.height() - 2 * DIAGRAM_TOOLBOX_SPACING,
+            height: popupHeight,
             position: {
                 my: 'left top',
                 at: 'left top',

testing/tests/DevExpress.serverSide/diagram.tests.js

@@ -0,0 +1,30 @@
+import $ from 'jquery';
+import 'ui/diagram';
+import 'common.css!';
+
+QUnit.testStart(function() {
+    const markup =
+        '<div id="widget"></div>';
+
+    $('#qunit-fixture').html(markup);
+});
+
+const DIAGRAM_CLASS = 'dx-diagram';
+const DIAGRAM_CORE_CLASS = 'dxdi-control';
+
+QUnit.module('rendering', {
+    beforeEach: function() {
+        this.element = $('<div></div>').appendTo('body');
+    },
+    afterEach: function() {
+        this.element.remove();
+    }
+}, () => {
+    QUnit.test('base elements should be rendered correctly', function(assert) {
+        const $element = this.element.dxDiagram();
+
+        assert.ok($element.hasClass(DIAGRAM_CLASS), 'Element has a widget-specific class');
+        assert.equal($element.find('.' + DIAGRAM_CORE_CLASS).length, 0, 'Diagram core must not be created in server-side');
+    });
+});
+