test: setup accessibility tests with axe

Author: barmac

package-lock.json

@@ -69,6 +69,7 @@
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-replace": "^5.0.2",
     "@rollup/plugin-terser": "^0.4.0",
+    "axe-core": "^4.9.0",
     "babel-loader": "^9.1.0",
     "babel-plugin-istanbul": "^6.1.1",
     "bio-dts": "^0.11.0",

package.json

@@ -1,3 +1,5 @@
+import axe from 'axe-core';
+
 import Modeler from 'lib/Modeler';
 import Viewer from 'lib/Viewer';
 import NavigatedViewer from 'lib/NavigatedViewer';
@@ -973,6 +975,25 @@ describe('Modeler', function() {
     expect(Modeler.NavigatedViewer).to.equal(NavigatedViewer);
   });
 
+
+  describe('accessibility', function() {
+
+    it('should report no issues', async function() {
+
+      // given
+      const xml = require('../fixtures/bpmn/simple.bpmn');
+      await createModeler(xml);
+
+      // when
+      const results = await axe.run(container);
+
+      // then
+      expect(results.passes).to.be.not.empty;
+      expect(results.violations).to.be.empty;
+    });
+
+  });
+
 });
 
 

test/spec/ModelerSpec.js

@@ -1,3 +1,5 @@
+import axe from 'axe-core';
+
 import NavigatedViewer from 'lib/NavigatedViewer';
 
 import EditorActionsModule from 'lib/features/editor-actions';
@@ -99,4 +101,24 @@ describe('NavigatedViewer', function() {
       });
     });
   });
+
+
+  describe('accessibility', function() {
+
+    it('should report no issues', async function() {
+
+      // given
+      const xml = require('../fixtures/bpmn/simple.bpmn');
+      await createViewer(container, NavigatedViewer, xml);
+
+      // when
+      const results = await axe.run(container);
+
+      // then
+      expect(results.passes).to.be.not.empty;
+      expect(results.violations).to.be.empty;
+    });
+
+  });
+
 });

test/spec/NavigatedViewerSpec.js

@@ -1,3 +1,5 @@
+import axe from 'axe-core';
+
 import TestContainer from 'mocha-test-container-support';
 
 import Diagram from 'diagram-js/lib/Diagram';
@@ -1795,4 +1797,23 @@ describe('Viewer', function() {
     expect(ViewerDefaultExport).to.equal(Viewer);
   });
 
+
+  describe('accessibility', function() {
+
+    it('should report no issues', async function() {
+
+      // given
+      const xml = require('../fixtures/bpmn/simple.bpmn');
+      await createViewer(container, Viewer, xml);
+
+      // when
+      const results = await axe.run(container);
+
+      // then
+      expect(results.passes).to.be.not.empty;
+      expect(results.violations).to.be.empty;
+    });
+
+  });
+
 });