WIP: replace testcafe with cypress

.gitignore

@@ -20,3 +20,7 @@ node_modules/
 
 # System Files
 .DS_Store
+
+# e2e testing files
+test/cypress/screenshots
+test/cypress/videos

bower.json

@@ -29,10 +29,9 @@
     "tests"
   ],
   "dependencies": {
-    "jquery": "~3.2.1",
-    "jquery-mockjax": "^2.2.0",
-    "jspdf": "^1.3.5",
-    "font-awesome": "^4.6.3",
-    "html2canvas": "^0.5.0-beta4"
+    "jquery": "^3.6.2",
+    "jquery-mockjax": "^2.6.0",
+    "jspdf": "^2.5.1",
+    "html2canvas": "^1.4.1"
   }
 }

cypress.config.js

@@ -0,0 +1,13 @@
+const { defineConfig } = require("cypress");
+
+module.exports = defineConfig({
+  screenshotsFolder: "test/cypress/screenshots",
+  videosFolder: "test/cypress/videos",
+  e2e: {
+    supportFile: "test/cypress/support/e2e.{js,jsx,ts,tsx}",
+    specPattern: "test/cypress/e2e/**/*.cy.{js,jsx,ts,tsx}",
+    setupNodeEvents(on, config) {
+      // implement node event listeners here
+    },
+  },
+});

dist/css/jquery.orgchart.css

@@ -402,6 +402,8 @@
   position: absolute;
   left: 5px;
   bottom: -2px;
+  width: 1rem;
+  height: 1rem;
 }
 
 .orgchart .node .toggleBtn::before {

dist/js/jquery.orgchart.js

@@ -958,7 +958,7 @@
         $children.addClass('sliding').removeClass('slide-up').eq(0).one('transitionend', { 'vNodes': $children }, this.expandVNodesEnd);
       } else {
         $descendants.addClass('sliding slide-up').eq(0).one('transitionend', { 'vNodes': $descendants }, this.collapseVNodesEnd);
-        $descendants.find('.toggleBtn').removeClass('oci-minus-square').addClass('oci-plus-square');
+        $descendants.find('.toggleBtn').removeClass('oci-minus-square oci-plus-square');
       }
     },
     //

gulpfile.js

@@ -9,7 +9,7 @@ var merge = require('merge-stream');
 var csslint = require('gulp-csslint');
 var cleanCSS = require('gulp-clean-css');
 var sourcemaps = require('gulp-sourcemaps');
-var testcafe = require('gulp-testcafe');
+var cypress = require('cypress');
 var jest = require('gulp-jest').default;
 var paths = {
   src: 'src',
@@ -65,8 +65,9 @@ gulp.task('visual-regression', function () {
 });
 
 gulp.task('e2e-tests', gulp.series('addAssets', function () {
-  return gulp.src('test/e2e/**/test.js')
-    .pipe(testcafe({ browsers: ['chrome:headless', 'firefox:headless'] }));
+  return cypress.run({
+    spec: 'test/cypress/e2e/**/*.cy.js',
+  });
 }));
 
 gulp.task('test', gulp.series('e2e-tests', 'visual-regression'));