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

test/ui/spec/insertPreview.spec.js

@@ -0,0 +1,26 @@
+describe('Preview UI HTML', function() {
+
+  var InsertPreview = require('../../../examples/lib/insertPreview');
+  var sequencer = require('../../../src/ImageSequencer')();
+  var insertPreview;
+  var options = { brightness: 50 };
+
+  beforeEach(()=>{
+    insertPreview = InsertPreview;
+
+    spyOn(insertPreview, 'generatePreview');
+    spyOn(insertPreview, 'updatePreviews');
+
+    insertPreview.generatePreview('brightness', options, 'src', 'selector');
+    insertPreview.updatePreviews('src', 'selector');
+  });
+
+  it('generate preview ui', function() {
+    expect(insertPreview.generatePreview).toHaveBeenCalledWith('brightness', options, 'src', 'selector');
+  });
+
+  it('update preview ui', function() {
+    expect(insertPreview.updatePreviews).toHaveBeenCalledWith('src', 'selector');
+  });
+
+});