test: use spy to check if variables were retrieved

Closes #873

packages/dmn-js-literal-expression/package.json

@@ -26,7 +26,6 @@
     "literal expression"
   ],
   "devDependencies": {
-    "@testing-library/dom": "^10.1.0",
     "dmn-font": "^0.6.2",
     "inferno-test-utils": "~5.6.2"
   },

packages/dmn-js-literal-expression/test/spec/features/textarea/TextareaEditorSpec.js

@@ -1,9 +1,9 @@
+/* global sinon */
+
 import { bootstrapModeler, inject } from 'test/helper';
 
 import { query as domQuery } from 'min-dom';
 
-import { DmnVariableResolverModule } from '@bpmn-io/dmn-variable-resolver';
-
 import { queryEditor } from 'dmn-js-shared/test/util/EditorUtil';
 
 import ExpressionLanguagesModule from 'dmn-js-shared/lib/features/expression-languages';
@@ -12,8 +12,6 @@ import { triggerInputEvent } from 'dmn-js-shared/test/util/EventUtil';
 
 import TestContainer from 'mocha-test-container-support';
 
-import { waitFor } from '@testing-library/dom';
-
 import literalExpressionXML from '../../literal-expression.dmn';
 
 import CoreModule from 'src/core';
@@ -25,13 +23,21 @@ import ModelingModule from 'src/features/modeling';
 
 describe('textarea editor', function() {
 
+  const variableResolver = {
+    getVariables: () => [
+      { name: 'Variable', typeRef: 'string' }
+    ]
+  };
+
   beforeEach(bootstrapModeler(literalExpressionXML, {
     modules: [
       CoreModule,
       TextareaEditorModule,
       ModelingModule,
       ExpressionLanguagesModule,
-      DmnVariableResolverModule
+      {
+        variableResolver: [ 'value', variableResolver ]
+      }
     ],
     debounceInput: false
   }));
@@ -90,26 +96,23 @@ describe('textarea editor', function() {
 
   describe('integration', function() {
 
+    afterEach(function() {
+      sinon.restore();
+    });
+
+
     it('should pass variables to editor', async function() {
 
       // given
+      const getVariablesSpy = sinon.spy(variableResolver, 'getVariables');
       const editor = queryEditor('.textarea', testContainer);
       await changeFocus(editor);
 
       // when
       await changeInput(document.activeElement, 'Var');
 
       // then
-      return waitFor(() => {
-        const options = testContainer.querySelectorAll('[role="option"]');
-
-        expect(options).to.exist;
-        expect(options).to.satisfy(options => {
-          const result = Array.from(options).some(
-            option => option.textContent === 'Variable');
-          return result;
-        });
-      });
+      expect(getVariablesSpy).to.have.been.called;
     });
   });