Fix T1259705 - DevExtreme - "t.getClientRects is not a function"

Author: GoodDayForSurf

packages/devextreme/js/core/renderer_base.js

@@ -465,7 +465,7 @@ const isVisible = function(_, element) {
     element = element.host ?? element;
 
     if(!element.nodeType) return true;
-    return !!(element.offsetWidth || element.offsetHeight || element.getClientRects().length);
+    return !!(element.offsetWidth || element.offsetHeight || element.getClientRects?.().length);
 };
 
 initRender.prototype.filter = function(selector) {

packages/devextreme/js/core/utils/position.js

@@ -15,7 +15,7 @@ const getBoundingRect = (element) => {
         };
     }
 
-    return element.getBoundingClientRect();
+    return element.getBoundingClientRect?.();
 };
 
 export {

packages/devextreme/js/core/utils/shadow_dom.js

@@ -65,7 +65,7 @@ export function addShadowDomStyles($element) {
 }
 
 function isPositionInElementRectangle(element, x, y) {
-    const rect = element.getBoundingClientRect();
+    const rect = element.getBoundingClientRect?.();
 
     return rect && x >= rect.left && x < rect.right && y >= rect.top && y < rect.bottom;
 }

packages/devextreme/js/core/utils/size.js

@@ -188,9 +188,9 @@ export const getVerticalOffsets = function(element, withMargins) {
 
 export const getVisibleHeight = function(element) {
     if(element) {
-        const boundingClientRect = element.getBoundingClientRect();
+        const boundingClientRect = element.getBoundingClientRect?.();
 
-        if(boundingClientRect.height) {
+        if(boundingClientRect?.height) {
             return boundingClientRect.height;
         }
     }
@@ -304,7 +304,7 @@ export const getWindowByElement = (el) => {
 };
 
 export const getOffset = (el) => {
-    if(!el.getClientRects().length) {
+    if(!el.getClientRects?.().length) {
         return {
             top: 0,
             left: 0

packages/devextreme/testing/tests/DevExpress.serverSide/widget.tests.js

@@ -1 +1,25 @@
-require('../DevExpress.ui/widget.markup.tests.js');
+import '../DevExpress.ui/widget.markup.tests.js';
+import $ from 'jquery';
+import Widget from 'ui/widget/ui.widget';
+import registerComponent from 'core/component_registrator';
+
+const DxWidget = Widget.inherit({});
+registerComponent('dxWidget', DxWidget);
+
+QUnit.module('Widgets in SSR mode', {}, () => {
+    QUnit.test('checking visibility in SSR mode not throw errors (T1259705)', function(assert) {
+        const TestWidget = Widget.inherit({});
+
+        const $element = $('#widget').dxWidget({ width: 0, height: 0 });
+
+        const component = new TestWidget($element, { visible: true });
+
+        // act
+        component._isVisible();
+
+        // assert
+        assert.ok(true);
+    });
+});
+
+