bigbluebutton-html-plugin-sdk 0.0.81 → 0.0.82

package/README.md

@@ -151,6 +151,10 @@ Here is as complete `manifest.json` example with all possible configurations:
 
 To better understand remote-data-sources, please, refer to [this section](#external-data-resources)
 
+## Testing SDK
+
+To setup and run the automated tests for the plugin SDK samples, check the [testing doc](/tests/README.md)
+
 ## API
 
 ### Extensible UI areas

package/dist/cjs/extensible-areas/action-button-dropdown-item/component.d.ts

@@ -6,6 +6,7 @@ export declare class ActionButtonDropdownOption implements ActionButtonDropdownI
     label: string;
     icon: string;
     tooltip: string;
+    dataTest: string;
     allowed: boolean;
     onClick: () => void;
     /**
@@ -14,12 +15,13 @@ export declare class ActionButtonDropdownOption implements ActionButtonDropdownI
      * @param label - label to be displayed on the option
      * @param icon - icon to be displayed on the option
      * @param tooltip - tooltip to be displayed when hovering over option
+     * @param dataTest - string attribute to be used for testing
      * @param allowed - boolean indicating whether the option should be displayed
      * @param onClick - function to be called when clicking
      *
      * @returns the option to be displayed in the action button dropdown
      */
-    constructor({ id, label, icon, tooltip, allowed, onClick, }: ActionButtonDropdownOptionProps);
+    constructor({ id, label, icon, tooltip, dataTest, allowed, onClick, }: ActionButtonDropdownOptionProps);
     setItemId: (id: string) => void;
 }
 export declare class ActionButtonDropdownSeparator implements ActionButtonDropdownInterface {

package/dist/cjs/extensible-areas/action-button-dropdown-item/component.js

@@ -10,13 +10,14 @@ var ActionButtonDropdownOption = /** @class */ (function () {
      * @param label - label to be displayed on the option
      * @param icon - icon to be displayed on the option
      * @param tooltip - tooltip to be displayed when hovering over option
+     * @param dataTest - string attribute to be used for testing
      * @param allowed - boolean indicating whether the option should be displayed
      * @param onClick - function to be called when clicking
      *
      * @returns the option to be displayed in the action button dropdown
      */
     function ActionButtonDropdownOption(_a) {
-        var id = _a.id, _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.tooltip, tooltip = _d === void 0 ? '' : _d, _e = _a.allowed, allowed = _e === void 0 ? true : _e, _f = _a.onClick, onClick = _f === void 0 ? function () { } : _f;
+        var id = _a.id, _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.tooltip, tooltip = _d === void 0 ? '' : _d, _e = _a.dataTest, dataTest = _e === void 0 ? '' : _e, _f = _a.allowed, allowed = _f === void 0 ? true : _f, _g = _a.onClick, onClick = _g === void 0 ? function () { } : _g;
         var _this = this;
         this.id = '';
         this.setItemId = function (id) {
@@ -28,6 +29,7 @@ var ActionButtonDropdownOption = /** @class */ (function () {
         this.label = label;
         this.icon = icon;
         this.tooltip = tooltip;
+        this.dataTest = dataTest;
         this.allowed = allowed;
         this.onClick = onClick;
         this.type = enums_1.ActionButtonDropdownItemType.OPTION;

package/dist/cjs/extensible-areas/action-button-dropdown-item/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/action-button-dropdown-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAuD;AAKvD,uCAAuC;AAEvC;IAeE;;;;;;;;;;OAUG;IACH,oCAAY,EAEsB;YADhC,EAAE,QAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA;QAD7E,iBAYC;QArCD,OAAE,GAAW,EAAE,CAAC;QAuChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,qCAA8B,EAAE,CAAE,CAAC;QAC/C,CAAC,CAAC;QAbA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,oCAA4B,CAAC,MAAM,CAAC;IAClD,CAAC;IAKH,iCAAC;AAAD,CAAC,AA3CD,IA2CC;AA3CY,gEAA0B;AA6CvC;IAKE;QAAA,iBAEC;QAND,OAAE,GAAW,EAAE,CAAC;QAQhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,wCAAiC,EAAE,CAAE,CAAC;QAClD,CAAC,CAAC;QALA,IAAI,CAAC,IAAI,GAAG,oCAA4B,CAAC,SAAS,CAAC;IACrD,CAAC;IAKH,oCAAC;AAAD,CAAC,AAZD,IAYC;AAZY,sEAA6B"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/action-button-dropdown-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAuD;AAKvD,uCAAuC;AAEvC;IAiBE;;;;;;;;;;;OAWG;IACH,oCAAY,EAEsB;YADhC,EAAE,QAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EAAE,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA;QAD5F,iBAaC;QAzCD,OAAE,GAAW,EAAE,CAAC;QA2ChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,qCAA8B,EAAE,CAAE,CAAC;QAC/C,CAAC,CAAC;QAdA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,oCAA4B,CAAC,MAAM,CAAC;IAClD,CAAC;IAKH,iCAAC;AAAD,CAAC,AA/CD,IA+CC;AA/CY,gEAA0B;AAiDvC;IAKE;QAAA,iBAEC;QAND,OAAE,GAAW,EAAE,CAAC;QAQhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,wCAAiC,EAAE,CAAE,CAAC;QAClD,CAAC,CAAC;QALA,IAAI,CAAC,IAAI,GAAG,oCAA4B,CAAC,SAAS,CAAC;IACrD,CAAC;IAKH,oCAAC;AAAD,CAAC,AAZD,IAYC;AAZY,sEAA6B"}

package/dist/cjs/extensible-areas/action-button-dropdown-item/types.d.ts

@@ -9,6 +9,7 @@ export interface ActionButtonDropdownOptionProps {
     label: string;
     icon: string;
     tooltip: string;
+    dataTest?: string;
     allowed: boolean;
     onClick: () => void;
 }

package/dist/cjs/extensible-areas/actions-bar-item/component.d.ts

@@ -5,7 +5,8 @@ declare class ActionsBarItem implements ActionsBarInterface {
     id: string;
     type: ActionsBarItemType;
     position: ActionsBarPosition;
-    constructor({ id, type, position, }: ActionsBarItemProps);
+    dataTest: string;
+    constructor({ id, type, position, dataTest, }: ActionsBarItemProps);
     setItemId(id: string): void;
 }
 export declare class ActionsBarButton extends ActionsBarItem {
@@ -17,14 +18,15 @@ export declare class ActionsBarButton extends ActionsBarItem {
      * a button.
      *
      * @param icon - icon to be used in the button for the action bar - it can be the iconName
-     * from BigbBlueButton or an svg
+     * from BigBlueButton or an svg
      * @param tooltip - tooltip to be displayed when hovering the button
+     * @param dataTest - string attribute to be used for testing
      * @param onClick - function to be called when clicking the button
      * @param position - position that this button will be displayed, see {@link ActionsBarPosition}
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
-    constructor({ id, icon, tooltip, onClick, position, }: ActionsBarButtonProps);
+    constructor({ id, icon, tooltip, dataTest, onClick, position, }: ActionsBarButtonProps);
 }
 export declare class ActionsBarSeparator extends ActionsBarItem {
     icon: string;
@@ -35,10 +37,11 @@ export declare class ActionsBarSeparator extends ActionsBarItem {
      * @param position - position that this button will be displayed, see {@link ActionsBarPosition}
      * @param icon - Icon to be displayed as the separator. If not provided, the default separator
     * (a vertical bar) will be displayed.
+     * @param dataTest - string attribute to be used for testing
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
-    constructor({ position, icon, }: ActionsBarSeparatorProps);
+    constructor({ position, icon, dataTest, }: ActionsBarSeparatorProps);
 }
 export declare class ActionsBarSelector extends ActionsBarItem {
     title: string;
@@ -54,13 +57,14 @@ export declare class ActionsBarSelector extends ActionsBarItem {
      * @param options - an array of options to be available in the selector
      * @param defaultOption - the option to be initially selected, if not present, the first option is
      * selected
+     * @param dataTest - string attribute to be used for testing
      * @param onChange - function to be called when selected value changes
      * @param position - position that this button will be displayed, see {@link ActionsBarPosition}
      * @param width - desired width for the selector in px, default is 140
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
-    constructor({ id, title, options, defaultOption, onChange, position, width, }: ActionsBarSelectorProps);
+    constructor({ id, title, options, defaultOption, dataTest, onChange, position, width, }: ActionsBarSelectorProps);
 }
 export declare class ActionsBarToggleGroup extends ActionsBarItem {
     title: string;
@@ -78,11 +82,12 @@ export declare class ActionsBarToggleGroup extends ActionsBarItem {
      * @param options - an array of options to be available in the toggle group
      * @param defaultOption - the option to be initially checked, if not present, the first option is
      * checked
+     * @param dataTest - string attribute to be used for testing
      * @param onChange - function to be called when checked value changes
      * @param position - position that this button will be displayed, see {@link ActionsBarPosition}
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
-    constructor({ id, title, exclusive, options, defaultOption, onChange, position, }: ActionsBarToggleGroupProps);
+    constructor({ id, title, exclusive, options, defaultOption, dataTest, onChange, position, }: ActionsBarToggleGroupProps);
 }
 export {};

package/dist/cjs/extensible-areas/actions-bar-item/component.js

@@ -20,13 +20,14 @@ var enums_1 = require("./enums");
 // ActionsBar Extensible Area
 var ActionsBarItem = /** @class */ (function () {
     function ActionsBarItem(_a) {
-        var id = _a.id, type = _a.type, _b = _a.position, position = _b === void 0 ? enums_1.ActionsBarPosition.RIGHT : _b;
+        var id = _a.id, type = _a.type, _b = _a.position, position = _b === void 0 ? enums_1.ActionsBarPosition.RIGHT : _b, _c = _a.dataTest, dataTest = _c === void 0 ? '' : _c;
         this.id = '';
         if (id) {
             this.id = id;
         }
         this.type = type;
         this.position = position;
+        this.dataTest = dataTest;
     }
     ActionsBarItem.prototype.setItemId = function (id) {
         this.id = "ActionsBar".concat(this.type, "_").concat(id);
@@ -40,18 +41,25 @@ var ActionsBarButton = /** @class */ (function (_super) {
      * a button.
      *
      * @param icon - icon to be used in the button for the action bar - it can be the iconName
-     * from BigbBlueButton or an svg
+     * from BigBlueButton or an svg
      * @param tooltip - tooltip to be displayed when hovering the button
+     * @param dataTest - string attribute to be used for testing
      * @param onClick - function to be called when clicking the button
      * @param position - position that this button will be displayed, see {@link ActionsBarPosition}
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
     function ActionsBarButton(_a) {
-        var id = _a.id, icon = _a.icon, _b = _a.tooltip, tooltip = _b === void 0 ? '' : _b, _c = _a.onClick, onClick = _c === void 0 ? function () { } : _c, _d = _a.position, position = _d === void 0 ? enums_1.ActionsBarPosition.RIGHT : _d;
-        var _this = _super.call(this, { id: id, type: enums_1.ActionsBarItemType.BUTTON, position: position }) || this;
+        var id = _a.id, icon = _a.icon, _b = _a.tooltip, tooltip = _b === void 0 ? '' : _b, _c = _a.dataTest, dataTest = _c === void 0 ? '' : _c, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d, _e = _a.position, position = _e === void 0 ? enums_1.ActionsBarPosition.RIGHT : _e;
+        var _this = _super.call(this, {
+            id: id,
+            type: enums_1.ActionsBarItemType.BUTTON,
+            position: position,
+            dataTest: dataTest,
+        }) || this;
         _this.icon = icon;
         _this.tooltip = tooltip;
+        _this.dataTest = dataTest;
         _this.onClick = onClick;
         return _this;
     }
@@ -67,12 +75,13 @@ var ActionsBarSeparator = /** @class */ (function (_super) {
      * @param position - position that this button will be displayed, see {@link ActionsBarPosition}
      * @param icon - Icon to be displayed as the separator. If not provided, the default separator
     * (a vertical bar) will be displayed.
+     * @param dataTest - string attribute to be used for testing
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
     function ActionsBarSeparator(_a) {
-        var _b = _a.position, position = _b === void 0 ? enums_1.ActionsBarPosition.RIGHT : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c;
-        var _this = _super.call(this, { type: enums_1.ActionsBarItemType.SEPARATOR, position: position }) || this;
+        var _b = _a.position, position = _b === void 0 ? enums_1.ActionsBarPosition.RIGHT : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.dataTest, dataTest = _d === void 0 ? '' : _d;
+        var _this = _super.call(this, { type: enums_1.ActionsBarItemType.SEPARATOR, position: position, dataTest: dataTest }) || this;
         _this.icon = icon;
         return _this;
     }
@@ -89,6 +98,7 @@ var ActionsBarSelector = /** @class */ (function (_super) {
      * @param options - an array of options to be available in the selector
      * @param defaultOption - the option to be initially selected, if not present, the first option is
      * selected
+     * @param dataTest - string attribute to be used for testing
      * @param onChange - function to be called when selected value changes
      * @param position - position that this button will be displayed, see {@link ActionsBarPosition}
      * @param width - desired width for the selector in px, default is 140
@@ -96,8 +106,13 @@ var ActionsBarSelector = /** @class */ (function (_super) {
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
     function ActionsBarSelector(_a) {
-        var id = _a.id, _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.options, options = _c === void 0 ? [] : _c, _d = _a.defaultOption, defaultOption = _d === void 0 ? options[0] : _d, _e = _a.onChange, onChange = _e === void 0 ? function () { } : _e, _f = _a.position, position = _f === void 0 ? enums_1.ActionsBarPosition.RIGHT : _f, _g = _a.width, width = _g === void 0 ? 140 : _g;
-        var _this = _super.call(this, { id: id, type: enums_1.ActionsBarItemType.SELECTOR, position: position }) || this;
+        var id = _a.id, _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.options, options = _c === void 0 ? [] : _c, _d = _a.defaultOption, defaultOption = _d === void 0 ? options[0] : _d, _e = _a.dataTest, dataTest = _e === void 0 ? '' : _e, _f = _a.onChange, onChange = _f === void 0 ? function () { } : _f, _g = _a.position, position = _g === void 0 ? enums_1.ActionsBarPosition.RIGHT : _g, _h = _a.width, width = _h === void 0 ? 140 : _h;
+        var _this = _super.call(this, {
+            id: id,
+            type: enums_1.ActionsBarItemType.SELECTOR,
+            position: position,
+            dataTest: dataTest,
+        }) || this;
         _this.width = 145;
         _this.title = title;
         _this.options = options;
@@ -121,14 +136,20 @@ var ActionsBarToggleGroup = /** @class */ (function (_super) {
      * @param options - an array of options to be available in the toggle group
      * @param defaultOption - the option to be initially checked, if not present, the first option is
      * checked
+     * @param dataTest - string attribute to be used for testing
      * @param onChange - function to be called when checked value changes
      * @param position - position that this button will be displayed, see {@link ActionsBarPosition}
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
     function ActionsBarToggleGroup(_a) {
-        var id = _a.id, _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.exclusive, exclusive = _c === void 0 ? true : _c, _d = _a.options, options = _d === void 0 ? [] : _d, _e = _a.defaultOption, defaultOption = _e === void 0 ? options[0] : _e, _f = _a.onChange, onChange = _f === void 0 ? function () { } : _f, _g = _a.position, position = _g === void 0 ? enums_1.ActionsBarPosition.RIGHT : _g;
-        var _this = _super.call(this, { id: id, type: enums_1.ActionsBarItemType.TOGGLE_GROUP, position: position }) || this;
+        var id = _a.id, _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.exclusive, exclusive = _c === void 0 ? true : _c, _d = _a.options, options = _d === void 0 ? [] : _d, _e = _a.defaultOption, defaultOption = _e === void 0 ? options[0] : _e, _f = _a.dataTest, dataTest = _f === void 0 ? '' : _f, _g = _a.onChange, onChange = _g === void 0 ? function () { } : _g, _h = _a.position, position = _h === void 0 ? enums_1.ActionsBarPosition.RIGHT : _h;
+        var _this = _super.call(this, {
+            id: id,
+            type: enums_1.ActionsBarItemType.TOGGLE_GROUP,
+            position: position,
+            dataTest: dataTest,
+        }) || this;
         _this.title = title;
         _this.exclusive = exclusive;
         _this.options = options;

package/dist/cjs/extensible-areas/actions-bar-item/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/actions-bar-item/component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,iCAAiE;AAajE,6BAA6B;AAE7B;IAOE,wBAAY,EAEU;YADpB,EAAE,QAAA,EAAE,IAAI,UAAA,EAAE,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA;QAP/C,OAAE,GAAW,EAAE,CAAC;QASd,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAED,kCAAS,GAAT,UAAU,EAAU;QAClB,IAAI,CAAC,EAAE,GAAG,oBAAa,IAAI,CAAC,IAAI,cAAI,EAAE,CAAE,CAAC;IAC3C,CAAC;IACH,qBAAC;AAAD,CAAC,AApBD,IAoBC;AAED;IAAsC,oCAAc;IAOlD;;;;;;;;;;;OAWG;IACH,0BAAY,EAEY;YADtB,EAAE,QAAA,EAAE,IAAI,UAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EAAE,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA;QADjF,YAGE,kBAAM,EAAE,EAAE,IAAA,EAAE,IAAI,EAAE,0BAAkB,CAAC,MAAM,EAAE,QAAQ,UAAA,EAAE,CAAC,SAIzD;QAHC,KAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,KAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,KAAI,CAAC,OAAO,GAAG,OAAO,CAAC;;IACzB,CAAC;IACH,uBAAC;AAAD,CAAC,AA3BD,CAAsC,cAAc,GA2BnD;AA3BY,4CAAgB;AA6B7B;IAAyC,uCAAc;IAGrD;;;;;;;;;OASG;IACH,6BAAY,EAGe;YAFzB,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA,EACnC,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA;QAFX,YAIE,kBAAM,EAAE,IAAI,EAAE,0BAAkB,CAAC,SAAS,EAAE,QAAQ,UAAA,EAAE,CAAC,SAExD;QADC,KAAI,CAAC,IAAI,GAAG,IAAI,CAAC;;IACnB,CAAC;IACH,0BAAC;AAAD,CAAC,AApBD,CAAyC,cAAc,GAoBtD;AApBY,kDAAmB;AAsBhC;IAAwC,sCAAc;IAWpD;;;;;;;;;;;;;OAaG;IAEH,4BAAY,EAQc;YAPxB,EAAE,QAAA,EACF,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,qBAA0B,EAA1B,aAAa,mBAAG,OAAO,CAAC,CAAC,CAAC,KAAA,EAC1B,gBAAmB,EAAnB,QAAQ,mBAAG,cAAO,CAAC,KAAA,EACnB,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA,EACnC,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA;QAPb,YASE,kBAAM,EAAE,EAAE,IAAA,EAAE,IAAI,EAAE,0BAAkB,CAAC,QAAQ,EAAE,QAAQ,UAAA,EAAE,CAAC,SAM3D;QAhCD,WAAK,GAAW,GAAG,CAAC;QA2BlB,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,KAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,KAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,KAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;;IACrB,CAAC;IACH,yBAAC;AAAD,CAAC,AA1CD,CAAwC,cAAc,GA0CrD;AA1CY,gDAAkB;AA4C/B;IAA2C,yCAAc;IAWvD;;;;;;;;;;;;;;OAcG;IAEH,+BAAY,EAQiB;YAP3B,EAAE,QAAA,EACF,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,qBAA0B,EAA1B,aAAa,mBAAG,OAAO,CAAC,CAAC,CAAC,KAAA,EAC1B,gBAAmB,EAAnB,QAAQ,mBAAG,cAAO,CAAC,KAAA,EACnB,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA;QAPrC,YASE,kBAAM,EAAE,EAAE,IAAA,EAAE,IAAI,EAAE,0BAAkB,CAAC,YAAY,EAAE,QAAQ,UAAA,EAAE,CAAC,SAM/D;QALC,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,KAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,KAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,KAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,KAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;;IAC3B,CAAC;IACH,4BAAC;AAAD,CAAC,AA3CD,CAA2C,cAAc,GA2CxD;AA3CY,sDAAqB"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/actions-bar-item/component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,iCAAiE;AAajE,6BAA6B;AAE7B;IASE,wBAAY,EAEU;YADpB,EAAE,QAAA,EAAE,IAAI,UAAA,EAAE,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA,EAAE,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA;QAT9D,OAAE,GAAW,EAAE,CAAC;QAWd,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAED,kCAAS,GAAT,UAAU,EAAU;QAClB,IAAI,CAAC,EAAE,GAAG,oBAAa,IAAI,CAAC,IAAI,cAAI,EAAE,CAAE,CAAC;IAC3C,CAAC;IACH,qBAAC;AAAD,CAAC,AAvBD,IAuBC;AAED;IAAsC,oCAAc;IAOlD;;;;;;;;;;;;OAYG;IACH,0BAAY,EAEY;YADtB,EAAE,QAAA,EAAE,IAAI,UAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EAAE,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA;QADhG,YAGE,kBAAM;YACJ,EAAE,IAAA;YAAE,IAAI,EAAE,0BAAkB,CAAC,MAAM;YAAE,QAAQ,UAAA;YAAE,QAAQ,UAAA;SACxD,CAAC,SAKH;QAJC,KAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,KAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,KAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,KAAI,CAAC,OAAO,GAAG,OAAO,CAAC;;IACzB,CAAC;IACH,uBAAC;AAAD,CAAC,AA/BD,CAAsC,cAAc,GA+BnD;AA/BY,4CAAgB;AAiC7B;IAAyC,uCAAc;IAGrD;;;;;;;;;;OAUG;IACH,6BAAY,EAIe;YAHzB,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA,EACnC,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA;QAHf,YAKE,kBAAM,EAAE,IAAI,EAAE,0BAAkB,CAAC,SAAS,EAAE,QAAQ,UAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,SAElE;QADC,KAAI,CAAC,IAAI,GAAG,IAAI,CAAC;;IACnB,CAAC;IACH,0BAAC;AAAD,CAAC,AAtBD,CAAyC,cAAc,GAsBtD;AAtBY,kDAAmB;AAwBhC;IAAwC,sCAAc;IAWpD;;;;;;;;;;;;;;OAcG;IAEH,4BAAY,EASc;YARxB,EAAE,QAAA,EACF,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,qBAA0B,EAA1B,aAAa,mBAAG,OAAO,CAAC,CAAC,CAAC,KAAA,EAC1B,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,gBAAmB,EAAnB,QAAQ,mBAAG,cAAO,CAAC,KAAA,EACnB,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA,EACnC,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA;QARb,YAUE,kBAAM;YACJ,EAAE,IAAA;YAAE,IAAI,EAAE,0BAAkB,CAAC,QAAQ;YAAE,QAAQ,UAAA;YAAE,QAAQ,UAAA;SAC1D,CAAC,SAMH;QApCD,WAAK,GAAW,GAAG,CAAC;QA+BlB,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,KAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,KAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,KAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;;IACrB,CAAC;IACH,yBAAC;AAAD,CAAC,AA9CD,CAAwC,cAAc,GA8CrD;AA9CY,gDAAkB;AAgD/B;IAA2C,yCAAc;IAWvD;;;;;;;;;;;;;;;OAeG;IAEH,+BAAY,EASiB;YAR3B,EAAE,QAAA,EACF,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,qBAA0B,EAA1B,aAAa,mBAAG,OAAO,CAAC,CAAC,CAAC,KAAA,EAC1B,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,gBAAmB,EAAnB,QAAQ,mBAAG,cAAO,CAAC,KAAA,EACnB,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA;QARrC,YAUE,kBAAM;YACJ,EAAE,IAAA;YAAE,IAAI,EAAE,0BAAkB,CAAC,YAAY;YAAE,QAAQ,UAAA;YAAE,QAAQ,UAAA;SAC9D,CAAC,SAMH;QALC,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,KAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,KAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,KAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,KAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;;IAC3B,CAAC;IACH,4BAAC;AAAD,CAAC,AA/CD,CAA2C,cAAc,GA+CxD;AA/CY,sDAAqB"}

package/dist/cjs/extensible-areas/actions-bar-item/types.d.ts

@@ -11,6 +11,7 @@ export interface ActionsBarItemProps {
     id?: string;
     position: ActionsBarPosition;
     type: ActionsBarItemType;
+    dataTest?: string;
 }
 export interface ActionsBarButtonIconSvg {
     svgContent: React.SVGProps<SVGSVGElement>;
@@ -27,17 +28,21 @@ export interface ActionsBarButtonProps {
     icon: ActionsBarIconType;
     tooltip: string;
     position: ActionsBarPosition;
+    dataTest?: string;
     onClick: () => void;
 }
 export interface ActionsBarSeparatorProps {
     position: ActionsBarPosition;
     icon?: string;
+    dataTest?: string;
 }
 export interface SelectOption {
     value: string | number;
     label: string;
+    dataTest?: string;
 }
 export interface ToggleGroupOption extends SelectOption {
+    dataTest?: string;
 }
 export interface ActionsBarSelectorProps {
     id?: string;
@@ -47,6 +52,7 @@ export interface ActionsBarSelectorProps {
     onChange: (value: string | number, event: ChangeEvent<HTMLInputElement>) => void;
     position: ActionsBarPosition;
     width?: number;
+    dataTest?: string;
 }
 export interface ActionsBarToggleGroupProps {
     id?: string;
@@ -56,4 +62,5 @@ export interface ActionsBarToggleGroupProps {
     exclusive?: boolean;
     onChange: (values: string | number | string[] | number[], event: MouseEvent<HTMLElement>) => void;
     position: ActionsBarPosition;
+    dataTest?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bigbluebutton-html-plugin-sdk",
-  "version": "0.0.81",
+  "version": "0.0.82",
   "homepage": "https://github.com/bigbluebutton/bigbluebutton-html-plugin-sdk",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -14,11 +14,14 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
+    "@playwright/test": "^1.51.1",
     "@types/node": "^20.4.4",
     "@types/react": "^18.2.15",
     "@types/react-dom": "^18.2.7",
     "@typescript-eslint/eslint-plugin": "^6.2.0",
     "@typescript-eslint/parser": "^6.2.0",
+    "axios": "^1.8.4",
+    "dotenv": "^16.4.7",
     "eslint": "^8.45.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-base": "^15.0.0",
@@ -30,8 +33,10 @@
     "lint-staged": "11.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "sha.js": "^2.4.11",
     "typescript": "^5.1.6",
-    "watch": "^1.0.2"
+    "watch": "^0.13.0",
+    "xml2js": "^0.6.2"
   },
   "scripts": {
     "prepublishOnly": "npm run build # runs before publish",
@@ -39,7 +44,9 @@
     "build:watch": "rm -rf dist && tsc -w --module CommonJS",
     "lint": "eslint . --ignore-pattern node_modules",
     "lint:fix": "npm run lint -- --fix",
-    "lint:watch": "watch 'yarn lint'"
+    "lint:watch": "watch 'yarn lint'",
+    "test": "npx playwright test",
+    "test-chromium-ci": "export CI='true' && npx playwright test --project=chromium"
   },
   "files": [
     "dist"
@@ -63,4 +70,4 @@
     "@browser-bunyan/console-formatted-stream": "^1.8.0",
     "browser-bunyan": "^1.8.0"
   }
-}
+}