feat: Add eventListeners and improve TextArea helper (#13)

Author: Gondragos

helpers/LSF/LabelStudio.ts

@@ -109,6 +109,23 @@ class LSParamsBuilder {
     }
     return this;
   }
+
+  eventListeners(eventListeners) {
+    this.params.eventListeners = eventListeners;
+    return this;
+  }
+
+  withEventListener(eventName, listener) {
+    if (!this.params.eventListeners) this.params.eventListeners = {};
+    this.params.eventListeners[eventName] = listener;
+    return this;
+  }
+
+  withParam(paramName, paramValue) {
+    this.params[paramName] = paramValue;
+    return this;
+  }
+
 }
 
 export const LabelStudio = {
@@ -154,7 +171,13 @@ export const LabelStudio = {
       .visit('/')
       .then(win => {
         cy.log(`Default feature flags set ${JSON.stringify(win.APP_SETTINGS.feature_flags, null, '  ')}`);
-        new win.LabelStudio('label-studio', win.LSF_CONFIG);
+        const labelStudio = new win.LabelStudio('label-studio', win.LSF_CONFIG);
+
+        if (win.LSF_CONFIG.eventListeners) {
+          for (const [event, listener] of Object.entries(win.LSF_CONFIG.eventListeners)) {
+            labelStudio.on(event, listener);
+          }
+        }
         expect(win.LabelStudio.instances.size).to.be.equal(1);
         cy.get('.lsf-editor').should('be.visible');
         cy.log('Label Studio initialized');

helpers/LSF/Textarea.ts

@@ -5,7 +5,7 @@ class TextareaHelper {
     return '.lsf-text-area';
   }
 
-  private _rootSelector: string
+  private _rootSelector: string;
 
   constructor(rootSelector) {
     this._rootSelector = rootSelector.replace(/^\&/, this._baseRootSelector);
@@ -25,10 +25,26 @@ class TextareaHelper {
       .find('[class^="row--"]');
   }
 
+  row(idx: number) {
+    return this.rows.eq(idx - 1);
+  }
+
   type(text: string) {
     return this.input.type(text);
   }
 
+  clickRowEdit(idx: number) {
+    this.row(idx).find('[aria-label="Edit Region"]').click();
+  }
+
+  rowInput(idx: number) {
+    return this.row(idx).find('.ant-input');
+  }
+
+  rowType(idx: number, text: string) {
+    return this.rowInput(idx).type(text);
+  }
+
   hasValue(text: string) {
     this.rows.contains(text);
   }