Shorten UI code with new $step method (#710)

* update dist Signed-off-by: tech4GT <varun.gupta1798@gmail.com> dist update Revert "dist update" This reverts commit 9ee2a987e8f978961656ae8f71f6e6702bbbd30d. * Merge remote-tracking branch 'upstream/main' into main * add dist * add new func * update itermediate * changes * fix gitignore * use scopeQuery * add mapHtmlTypes test * scopeQuery tests added * try something * change * fix stepui test * Remove double quotes * update new code * refactor to spec
2025-12-14 20:30:01 +01:00 · 2019-06-22 00:41:10 +05:30
parent 0eb3f263f9
commit 257113a948
22 changed files with 274 additions and 313 deletions
--- a/test/ui/spec/defaultHtmlStepUi.spec.js
+++ b/test/ui/spec/defaultHtmlStepUi.spec.js
@@ -0,0 +1,71 @@
+var { JSDOM } = require('jsdom');
+var DOM = new JSDOM('<body></body>');
+
+global.document = DOM.window.document;
+
+describe('Sequencer step HTML', function() {
+
+  var DefaultHtmlStepUi = require('../../../examples/lib/defaultHtmlStepUi');
+  var sequencer = require('../../../src/ImageSequencer')();
+  var defaultHtmlStepUi;
+  var step = 'brightness';
+  var options = {
+    name: 'Brightness',
+    description: 'Change the brightness of the image by given percent value'
+  };
+  // options = JSON.parse(options)
+
+  beforeAll(() => {
+    const { JSDOM } = require('jsdom');
+    var { window } = new JSDOM();
+
+    const { document } = window;
+    global.window = window;
+    global.document = document;
+    const $ = global.jQuery = global.$ = require('jquery');
+  });
+
+  beforeEach(()=>{
+    defaultHtmlStepUi = new DefaultHtmlStepUi(sequencer);
+
+    spyOn(defaultHtmlStepUi, 'getPreview');
+    spyOn(defaultHtmlStepUi, 'onSetup');
+    spyOn(defaultHtmlStepUi, 'onComplete');
+    spyOn(defaultHtmlStepUi, 'onDraw');
+    spyOn(defaultHtmlStepUi, 'onRemove');
+    spyOn(defaultHtmlStepUi, 'notify');
+
+    defaultHtmlStepUi.getPreview();
+    defaultHtmlStepUi.onSetup(step, options);
+    defaultHtmlStepUi.onComplete(step);
+    defaultHtmlStepUi.onDraw(step);
+    defaultHtmlStepUi.onRemove(step);
+    defaultHtmlStepUi.notify('Step removed', 'remove-notification');
+  });
+
+
+  it('result preview ui', function() {
+    expect(defaultHtmlStepUi.getPreview).toHaveBeenCalled();
+  });
+
+  it('load initial setup ui', function() {
+    expect(defaultHtmlStepUi.onSetup).toHaveBeenCalledWith(step, options);
+  });
+
+  it('load completion ui', function() {
+    expect(defaultHtmlStepUi.onComplete).toHaveBeenCalledWith(step);
+  });
+
+  it('draw step ui', function() {
+    expect(defaultHtmlStepUi.onDraw).toHaveBeenCalledWith(step);
+  });
+
+  it('remove step ui', function() {
+    expect(defaultHtmlStepUi.onRemove).toHaveBeenCalledWith(step);
+  });
+
+  it('notification ui', function() {
+    expect(defaultHtmlStepUi.notify).toHaveBeenCalledWith('Step removed', 'remove-notification');
+  });
+
+});