E2E tests on CircleCI (#139)

E2E tests on CircleCI

Author: ovchinnikov

.circleci/config.yml

@@ -2,7 +2,9 @@ version: 2
 jobs:
   build:
     docker:
-      - image: circleci/node:11
+      - image: circleci/node:12-browsers
+    environment:
+        LAUNCH_BROWSER: true
     steps:
       - checkout
       - run:
@@ -14,3 +16,5 @@ jobs:
       - store_artifacts:
           path: test-results.xml
           prefix: tests
+      - store_artifacts:
+          path: ./packages/devextreme-cli/testing/__tests__/__diff_snapshots__

README_DEVELOPERS.md

@@ -3,7 +3,6 @@
   "version": "1.1.10",
   "scripts": {
     "test": "lerna run --stream test",
-    "test-local": "lerna run --parallel test-local",
     "test-dev": "lerna run --stream test-dev",
     "postinstall": "lerna bootstrap",
     "update-template": "node ./templates-generator/index.js"

package-lock.json

@@ -21,15 +21,17 @@
   ],
   "scripts": {
     "lint": "eslint ./",
-    "test": "npm run lint",
-    "test-local": "npm run lint && jest",
-    "test-dev": "cross-env TEST_MODE=dev jest"
+    "test": "npm run lint && jest --runInBand",
+    "test-dev": "cross-env TEST_MODE=dev jest",
+    "docker:build": "docker build --rm -f \"testing/docker/Dockerfile\" -t devextreme-cli:latest \"testing/docker\"",
+    "docker:run": "docker run --rm -d  -p 9222:9222/tcp devextreme-cli:latest"
   },
   "author": "Developer Express Inc.",
   "repository": "https://github.com/DevExpress/devextreme-cli",
   "license": "MIT",
   "dependencies": {
     "@vue/cli": "^3.5.5",
+    "ip": "^1.1.5",
     "less": "3.9.0",
     "minimist": "^1.2.0",
     "mustache": "^3.0.1",
@@ -43,7 +45,7 @@
     "eslint-plugin-jest": "^22.5.1",
     "jest": "^24.9.0",
     "jest-image-snapshot": "^2.8.2",
-    "puppeteer": "^1.16.0",
+    "puppeteer": "^2.1.1",
     "rimraf": "^2.6.3",
     "tree-kill": "^1.2.1"
   }

package.json

@@ -29,7 +29,7 @@ export default ({ menuToggleEnabled, title, toggleMenu, userMenuItems }) => (
       >
         <Button
           className={'user-button authorization'}
-          width={170}
+          width={172}
           height={'100%'}
           stylingMode={'text'}
         >

packages/devextreme-cli/package-lock.json

@@ -20,7 +20,7 @@ export default class UserPanel extends React.Component {
             items={menuItems}
             target={'.user-button'}
             showEvent={'dxclick'}
-            width={170}
+            width={172}
             cssClass={'user-menu'}
           >
             <Position my={'top center'} at={'bottom center'} />

packages/devextreme-cli/package.json

@@ -36,7 +36,7 @@
         <!-- eslint-enable -->
           <dx-button
             class="user-button authorization"
-            :width="170"
+            :width="172"
             height="100%"
             styling-mode="text"
           >

packages/devextreme-cli/templates/react/application/src/components/header/header.js

@@ -11,7 +11,7 @@
       v-if="menuMode === 'context'"
       target=".user-button"
       :items="menuItems"
-      :width="170"
+      :width="172"
       show-event="dxclick"
       css-class="user-menu"
     >