.

Author: VasilyStrelyaev

packages/devextreme-cli/testing/app-template.test.shared.js

@@ -217,23 +217,6 @@ module.exports = (env, { port = 8080, urls = {} } = {}) => {
                                     compareSnapshot(image, 'toggle');
                                 });
 
-                                function getPopulatedProperties(elementStyles) {
-                                    for(const prop in elementStyles) {
-                                        if(
-                                            // Check the property belongs to the CSSStyleProperties instance
-                                            // Check property has a numeric index (indicates inline/dash-named style)
-                                            Object.hasOwn(elementStyles, prop) &&
-                                            !Number.isNaN(Number.parseInt(prop, 10))
-                                        ) {
-                                            console.log(
-                                                `${elementStyles[prop]} = '${elementStyles.getPropertyValue(
-                                                    elementStyles[prop],
-                                                )}'`,
-                                            );
-                                        }
-                                    }
-                                }
-
                                 it('User panel', async() => {
                                     await openPage(getPageURL('profile'));
                                     const isCompact = await page.$('.dx-toolbar-item-invisible .user-button');
@@ -244,10 +227,31 @@ module.exports = (env, { port = 8080, urls = {} } = {}) => {
                                     if(env.engine.startsWith('nextjs')) {
                                         const html = await page.$eval('.header-component .dx-toolbar-before', el => el.innerHTML);
                                         console.log('********** Toolbar Inner HTML', html);
-                                        // eslint-disable-next-line
-                                        const styles = await page.$eval('.header-component .dx-toolbar .dx-item div::-p-text(My App)', el => window.getComputedStyle(el));
+
+                                        const styleStr = await page.$eval('.header-component .dx-toolbar .dx-item div::-p-text(My App)', el => {
+                                            // eslint-disable-next-line
+                                            const styles = window.getComputedStyle(el);
+                                            let result = '';
+
+                                            for(const prop in styles) {
+                                                if(
+                                                    // Check the property belongs to the CSSStyleProperties instance
+                                                    // Check property has a numeric index (indicates inline/dash-named style)
+                                                    Object.hasOwn(styles, prop) &&
+                                                    !Number.isNaN(Number.parseInt(prop, 10))
+                                                ) {
+                                                    result +=
+                                                        `${styles[prop]} = '${styles.getPropertyValue(
+                                                            styles[prop],
+                                                        )}'\n`;
+                                                }
+                                            }
+
+                                            return result;
+                                        });
+
                                         console.log('********** Title Styles');
-                                        getPopulatedProperties(styles);
+                                        console.log(styleStr);
                                     }
                                     const image = await takeScreenshot({
                                         clip: {