Chart: prepare tests to move files with code to TS (#30962) (#31006)

Author: EugeniyKiyashko

packages/devextreme/js/viz/chart_components/layout_manager.js

@@ -1,6 +1,7 @@
 import { isNumeric as _isNumber } from '../../core/utils/type';
 import consts from '../components/consts';
 import { WrapperLayoutElement } from '../core/layout_element';
+
 const { floor, sqrt } = Math;
 const _min = Math.min;
 const _max = Math.max;

packages/devextreme/js/viz/chart_components/tracker.js

@@ -9,6 +9,7 @@ import pointerEvents from '../../common/core/events/pointer';
 import { addNamespace } from '../../common/core/events/utils/index';
 import { isDefined } from '../../core/utils/type';
 import { noop as _noop } from '../../core/utils/common';
+
 const _floor = Math.floor;
 const eventsConsts = consts.events;
 const statesConsts = consts.states;

packages/devextreme/js/viz/core/loading_indicator.js

@@ -107,7 +107,7 @@ export const plugin = {
     name: 'loading_indicator',
     init: function() {
         const that = this;
-        // "exports" is used for testing purposes.
+
         that._loadingIndicator = new LoadingIndicator({ eventTrigger: that._eventTrigger, renderer: that._renderer, notify: notify });
         that._scheduleLoadingIndicatorHiding();
         function notify(state) {

packages/devextreme/js/viz/core/title.js

@@ -305,7 +305,7 @@ export const plugin = {
     name: 'title',
     init: function() {
         const that = this;
-        // "exports" is used for testing purposes.
+
         that._title = new Title({
             renderer: that._renderer,
             cssClass: that._rootClassPrefix + '-title',

packages/devextreme/js/viz/core/tooltip.js

@@ -419,7 +419,6 @@ export const plugin = {
     members: {
         // The method exists only to be overridden in sparklines.
         _initTooltip: function() {
-            // "exports" is used for testing purposes.
             this._tooltip = new Tooltip({
                 cssClass: this._rootClassPrefix + '-tooltip',
                 eventTrigger: this._eventTrigger,

packages/devextreme/js/viz/core/utils.js

@@ -5,6 +5,7 @@ import { each } from '../../core/utils/iterator';
 import { adjust, sign } from '../../core/utils/math';
 import dateUtils from '../../core/utils/date';
 import Color from '../../color';
+
 const { PI, LN10, abs, log, floor, ceil, pow, sqrt, atan2 } = Math;
 const _min = Math.min;
 const _max = Math.max;

packages/devextreme/testing/helpers/chartMocks.js

@@ -9,8 +9,13 @@ import pointModule from 'viz/series/points/base_point';
 import translator2DModule from 'viz/translators/translator2d';
 import seriesFamilyModule from 'viz/core/series_family';
 import seriesModule from 'viz/series/base_series';
-import vizMocks from './vizMocks.js';
+import {
+    Renderer,
+    incidentOccurred,
+    LoadingIndicator,
+} from './vizMocks.js';
 import { Range } from 'viz/translators/range';
+
 const LoadingIndicatorOrig = loadingIndicatorModule.LoadingIndicator;
 
 const firstCategory = 'First';
@@ -227,10 +232,10 @@ const defaultAxisYOptions = $.extend(true, {}, {
 });
 
 export const createHorizontalAxis = function createHorizontalAxis(translatorData, orthogonalTranslatorData, allOptions) {
-    return createAxis(translatorData, orthogonalTranslatorData, $.extend(true, {}, defaultAxisXOptions, { incidentOccurred: vizMocks.incidentOccurred() }, allOptions), true);
+    return createAxis(translatorData, orthogonalTranslatorData, $.extend(true, {}, defaultAxisXOptions, { incidentOccurred: incidentOccurred() }, allOptions), true);
 };
 export const createVerticalAxis = function createVerticalAxis(translatorData, orthogonalTranslatorData, allOptions) {
-    return createAxis(translatorData, orthogonalTranslatorData, $.extend(true, {}, defaultAxisYOptions, { incidentOccurred: vizMocks.incidentOccurred() }, allOptions));
+    return createAxis(translatorData, orthogonalTranslatorData, $.extend(true, {}, defaultAxisYOptions, { incidentOccurred: incidentOccurred() }, allOptions));
 };
 
 function createAxis(translatorData, orthogonalTranslatorData, allOptions, isHorizontal) {
@@ -256,7 +261,7 @@ function createAxis(translatorData, orthogonalTranslatorData, allOptions, isHori
     const mergedOptions = $.extend(true, {}, allOptions);
 
     const axis = new axisModule.Axis({
-        renderer: new vizMocks.Renderer(),
+        renderer: new Renderer(),
         stripsGroup: allOptions.stripsGroup,
         stripLabelAxesGroup: allOptions.stripLabelAxesGroup,
         constantLinesGroup: allOptions.constantLinesGroup,
@@ -371,7 +376,7 @@ export const insertMockFactory = function insertMockFactory() {
     });
 
     loadingIndicatorModule.DEBUG_set_LoadingIndicator(function(parameters) {
-        return new vizMocks.LoadingIndicator(parameters);
+        return new LoadingIndicator(parameters);
     });
 };
 

packages/devextreme/testing/helpers/responsiveBoxScreenMock.js

@@ -1,32 +1,27 @@
-(function(root, factory) {
-    if(typeof define === 'function' && define.amd) {
-        define(function(require, exports, module) {
-            root.responsiveBoxScreenMock = module.exports = factory(require('jquery'), require('ui/responsive_box'), require('core/utils/resize_callbacks'));
-        });
-    } else {
-        root.responsiveBoxScreenMock = factory(root.jQuery, DevExpress.require('ui/responsive_box'), DevExpress.require('core/utils/resize_callbacks'));
-    }
-}(window, function($, ResponsiveBox, resizeCallbacks) {
-    return {
-        setup: function(screenSize) {
-            screenSize = screenSize || 1000;
+import ResponsiveBox from 'ui/responsive_box';
+import resizeCallbacks from 'core/utils/resize_callbacks';
+
+const responsiveBoxScreenMock = {
+    setup(screenSize) {
+        let currentSize = screenSize || 1000;
 
-            this.setScreenSize = function(size) {
-                screenSize = size;
-            };
+        this.setScreenSize = function(size) {
+            currentSize = size;
+        };
 
-            this.updateScreenSize = function(size) {
-                this.setScreenSize(size);
-                resizeCallbacks.fire();
-            };
+        this.updateScreenSize = function(size) {
+            this.setScreenSize(size);
+            resizeCallbacks.fire();
+        };
+
+        this.originalScreenWidth = ResponsiveBox.prototype._screenWidth;
+        ResponsiveBox.prototype._screenWidth = function() {
+            return currentSize;
+        };
+    },
+    teardown() {
+        ResponsiveBox.prototype._screenWidth = this.originalScreenWidth;
+    }
+};
 
-            this.originalScreenWidth = ResponsiveBox.prototype._screenWidth;
-            ResponsiveBox.prototype._screenWidth = function() {
-                return screenSize;
-            };
-        },
-        teardown: function() {
-            ResponsiveBox.prototype._screenWidth = this.originalScreenWidth;
-        }
-    };
-}));
+export default responsiveBoxScreenMock;