Disable zoneless mode (#954)

* Add zoneless flag

* Fix test using threshold

* Fix test

* Update image snapshot

Author: dxvladislavvolkov

packages/devextreme-cli/src/applications/application.angular.js

@@ -11,6 +11,7 @@ const { extractToolingVersion, toolingVersionOptionName } = require('../utility/
 const schematicsVersion = latestVersions['devextreme-schematics'] || 'latest';
 
 const minNgCliVersion = new semver('17.0.0');
+const ngCliWithZoneless = new semver('20.0.0');
 
 async function runSchematicCommand(schematicCommand, options, evaluatingOptions) {
     const collectionName = 'devextreme-schematics';
@@ -76,6 +77,7 @@ const install = async(options) => {
 
 const create = async(appName, options) => {
     const layout = await getLayoutInfo(options.layout);
+    const currentNgVersion = ngVersion.getNgCliVersion().version;
 
     const commandArguments = [
         'new',
@@ -88,6 +90,10 @@ const create = async(appName, options) => {
         '--ssr=false'
     ];
 
+    if(ngCliWithZoneless.compare(currentNgVersion) <= 0) {
+        commandArguments.push('--zoneless=false');
+    }
+
     await runNgCommand(commandArguments, options);
 
     const appPath = path.join(process.cwd(), appName);

packages/devextreme-cli/testing/__tests__/__image_snapshots__/side-nav-outer-toolbar-material-large-create-account-snap.png

@@ -278,7 +278,11 @@ module.exports = (env) => {
                                     await page.waitForTimeout(3000);
                                     const image = await takeScreenshot();
 
-                                    compareSnapshot(image, 'create-account');
+                                    compareSnapshot(image, 'create-account', {
+                                        failureThreshold: 1,
+                                        failureThresholdType: 'pixel',
+                                        threshold: 0.1
+                                    });
                                 });
 
                                 it('Reset password page', async() => {