@mablhq/mabl-cli 1.62.1 → 2.1.0

package/mablscript/mobile/tests/steps/ScrollStep.mobiletest.js

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ScrollStep_1 = require("../../steps/ScrollStep");
+const StepTestsUtil_1 = require("../StepTestsUtil");
+describe('Scroll steps parse correctly', () => {
+    it('Parses a Scroll step', () => {
+        const windowSize = { width: 1440, height: 2392 };
+        const scrollStepDescriptor = {
+            id: 'scrolliePolieOlie',
+            coordinates: {
+                from: {
+                    xPercent: 1074 / windowSize.width,
+                    yPercent: 2350 / windowSize.height,
+                },
+                to: {
+                    xPercent: 1074 / windowSize.width,
+                    yPercent: 100 / windowSize.height,
+                },
+            },
+            actionCode: 'scroll',
+        };
+        const steps = [
+            {
+                Scroll: scrollStepDescriptor,
+            },
+        ];
+        (0, StepTestsUtil_1.parseAndValidateYamlConversion)(steps, ScrollStep_1.ScrollStep.stepName, scrollStepDescriptor);
+        const scrollStep = new ScrollStep_1.ScrollStep(scrollStepDescriptor);
+        expect(scrollStep.stepId()).toEqual(scrollStepDescriptor.id);
+    });
+    it('Humanizes a scroll step', () => {
+        const windowSize = { width: 1440, height: 2392 };
+        const stepYaml = {
+            Scroll: {
+                coordinates: {
+                    from: {
+                        xPercent: 1074 / windowSize.width,
+                        yPercent: 2350 / windowSize.height,
+                    },
+                    to: {
+                        xPercent: 1074 / windowSize.width,
+                        yPercent: 100 / windowSize.height,
+                    },
+                },
+                actionCode: 'scroll',
+            },
+        };
+        const step = (0, StepTestsUtil_1.loadRawStepIntoMablStep)(stepYaml);
+        expect(step.stepDescription()).toEqual(`Scroll down 94.06% of the screen`);
+    });
+    it('Humanizes scroll directions as expected', () => {
+        const scrollUpStepYaml = {
+            Scroll: {
+                coordinates: {
+                    from: {
+                        xPercent: 0.109212,
+                        yPercent: 0.241223,
+                    },
+                    to: {
+                        xPercent: 0.145543,
+                        yPercent: 0.865454,
+                    },
+                },
+                actionCode: 'scroll',
+            },
+        };
+        const scrollUpStep = (0, StepTestsUtil_1.loadRawStepIntoMablStep)(scrollUpStepYaml);
+        expect(scrollUpStep.stepDescription()).toEqual(`Scroll up 62.42% of the screen`);
+        const scrollDownStepYaml = {
+            Scroll: {
+                coordinates: {
+                    from: {
+                        xPercent: 0.48351,
+                        yPercent: 0.89123,
+                    },
+                    to: {
+                        xPercent: 0.4515,
+                        yPercent: 0.0874,
+                    },
+                },
+                actionCode: 'scroll',
+            },
+        };
+        const scrollDownStep = (0, StepTestsUtil_1.loadRawStepIntoMablStep)(scrollDownStepYaml);
+        expect(scrollDownStep.stepDescription()).toEqual(`Scroll down 80.38% of the screen`);
+        const swipeRightStepYaml = {
+            Scroll: {
+                coordinates: {
+                    from: {
+                        xPercent: 0.08111,
+                        yPercent: 0.46123,
+                    },
+                    to: {
+                        xPercent: 0.90295,
+                        yPercent: 0.4574,
+                    },
+                },
+                actionCode: 'scroll',
+            },
+        };
+        const swipeRightStep = (0, StepTestsUtil_1.loadRawStepIntoMablStep)(swipeRightStepYaml);
+        expect(swipeRightStep.stepDescription()).toEqual(`Swipe right 82.18% of the screen`);
+        const swipeLeftStepYaml = {
+            Scroll: {
+                coordinates: {
+                    from: {
+                        xPercent: 0.88111,
+                        yPercent: 0.46123,
+                    },
+                    to: {
+                        xPercent: 0.09295,
+                        yPercent: 0.4574,
+                    },
+                },
+                actionCode: 'scroll',
+            },
+        };
+        const swipeLeftStep = (0, StepTestsUtil_1.loadRawStepIntoMablStep)(swipeLeftStepYaml);
+        expect(swipeLeftStep.stepDescription()).toEqual(`Swipe left 78.82% of the screen`);
+    });
+});

package/mablscript/mobile/tests/steps/SetOrientationStep.mobiletest.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const SetOrientationStep_1 = require("../../steps/SetOrientationStep");
+const SetOrientationStepDescriptor_1 = require("../../../types/mobile/SetOrientationStepDescriptor");
+const StepTestsUtil_1 = require("../StepTestsUtil");
+describe('SetOrientation steps parse correctly', () => {
+    it('Parses a SetOrientation step', () => {
+        const setOrientationStepDescriptor = {
+            id: 'theOrientalExpress',
+            orientation: SetOrientationStepDescriptor_1.Orientation.Landscape,
+            actionCode: 'set_orientation',
+        };
+        const steps = [
+            {
+                SetOrientation: setOrientationStepDescriptor,
+            },
+        ];
+        (0, StepTestsUtil_1.parseAndValidateYamlConversion)(steps, SetOrientationStep_1.SetOrientationStep.stepName, setOrientationStepDescriptor);
+        const orientationStep = new SetOrientationStep_1.SetOrientationStep(setOrientationStepDescriptor);
+        expect(orientationStep.stepId()).toEqual(setOrientationStepDescriptor.id);
+    });
+    it('Humanizes a SetOrientation step', () => {
+        const stepYaml = {
+            SetOrientation: {
+                orientation: SetOrientationStepDescriptor_1.Orientation.Landscape,
+                actionCode: 'set_orientation',
+            },
+        };
+        const step = (0, StepTestsUtil_1.loadRawStepIntoMablStep)(stepYaml);
+        expect(step.stepDescription()).toEqual(`Set orientation of device to landscape`);
+    });
+});

package/mablscript/mobile/tests/steps/TapStep.mobiletest.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const TapStep_1 = require("../../steps/TapStep");
+const domUtil_1 = require("../../../../domUtil");
+const StepTestsUtil_1 = require("../StepTestsUtil");
+const TapStepDescriptor_1 = require("../../../types/mobile/TapStepDescriptor");
+const TestMobileFindDescriptors_1 = require("../TestMobileFindDescriptors");
+describe('Tap steps parse correctly', () => {
+    it('Parses a Tap step with a Find One selector', () => {
+        const find = {
+            findType: domUtil_1.FindType.FIND_ONE,
+            findTarget: {
+                selector: {
+                    iOS: {
+                        name: '{{@varInFind}}',
+                    },
+                    uuid: '',
+                },
+            },
+        };
+        const stepDescriptor = {
+            id: 'TappyMcTapperson',
+            find,
+            type: TapStepDescriptor_1.TapType.tap,
+            actionCode: 'tap',
+        };
+        const steps = [
+            {
+                Tap: stepDescriptor,
+            },
+        ];
+        (0, StepTestsUtil_1.parseAndValidateYamlConversion)(steps, TapStep_1.TapStep.stepName, stepDescriptor);
+        const tapStep = new TapStep_1.TapStep(stepDescriptor);
+        expect(tapStep.stepId()).toEqual(stepDescriptor.id);
+        expect(tapStep.getInputVariables()).toStrictEqual(['varInFind']);
+    });
+    it('Parses a WebView Tap step', () => {
+        const stepDescriptor = {
+            find: TestMobileFindDescriptors_1.iOSWebViewTextFieldMobileFindDescriptor,
+            type: TapStepDescriptor_1.TapType.tap,
+            actionCode: 'tap',
+        };
+        const steps = [
+            {
+                Tap: stepDescriptor,
+            },
+        ];
+        (0, StepTestsUtil_1.parseAndValidateYamlConversion)(steps, TapStep_1.TapStep.stepName, stepDescriptor);
+    });
+    it('Renders description for step without find', () => {
+        const stepDescriptor = {
+            type: TapStepDescriptor_1.TapType.tap,
+        };
+        const tapStep = new TapStep_1.TapStep(stepDescriptor);
+        expect(tapStep.stepDescription()).toEqual('Tap on unknown element');
+    });
+});

package/mablscript/steps/AccessibilityCheck.js

@@ -14,7 +14,7 @@ var AccessibilityCheckSeverity;
 })(AccessibilityCheckSeverity = exports.AccessibilityCheckSeverity || (exports.AccessibilityCheckSeverity = {}));
 class AccessibilityCheckStep extends MablStep_1.MablStep {
     constructor(name, args, actions) {
-        super(name, args, actions);
+        super(name, args, actions, 'accessibility_check');
         if (this.actions.length) {
             this.findAction = ActionsUtils_1.ActionsUtils.validateSingleFindAction(this.actions);
         }
@@ -40,6 +40,7 @@ class AccessibilityCheckStep extends MablStep_1.MablStep {
                         ...this.checkConfig,
                         find,
                         descriptorToActionMap: new Map().set(find, this),
+                        actionCode: this.actionCode,
                     };
                 default:
                     throw new Error(`Error generating step descriptor for ${this.getStepName()}: Unexpected find type ${find.findType}`);
@@ -50,11 +51,13 @@ class AccessibilityCheckStep extends MablStep_1.MablStep {
             rules: (_b = this.checkConfig) === null || _b === void 0 ? void 0 : _b.rules,
             disabledRules: (_c = this.checkConfig) === null || _c === void 0 ? void 0 : _c.disabledRules,
             failOn: (_d = this.checkConfig) === null || _d === void 0 ? void 0 : _d.failOn,
+            actionCode: this.actionCode,
         };
     }
     getFormattedStep(_fullLocatorsOn) {
+        let finalStep;
         if (this.findAction) {
-            return {
+            finalStep = {
                 AccessibilityCheck: {
                     ...super.annotationsAsYml(),
                     ...this.findAction.toYaml(),
@@ -62,12 +65,18 @@ class AccessibilityCheckStep extends MablStep_1.MablStep {
                 },
             };
         }
-        return {
-            AccessibilityCheck: {
-                ...super.annotationsAsYml(),
-                ...this.checkConfig,
-            },
-        };
+        else {
+            finalStep = {
+                AccessibilityCheck: {
+                    ...super.annotationsAsYml(),
+                    ...this.checkConfig,
+                },
+            };
+        }
+        if (this.stepId()) {
+            finalStep.AccessibilityCheck.id = this.stepId();
+        }
+        return finalStep;
     }
     static fromYaml(_stepName, stepArgs) {
         const actions = [];
@@ -80,7 +89,9 @@ class AccessibilityCheckStep extends MablStep_1.MablStep {
             disabledRules: stepArgs.disabledRules,
             failOn: stepArgs.failOn,
         };
-        return new AccessibilityCheckStep(AccessibilityCheckStep.mablScriptStepNames[0], [checkConfig], actions);
+        const step = new AccessibilityCheckStep(AccessibilityCheckStep.mablScriptStepNames[0], [checkConfig], actions);
+        step.setStepId(stepArgs.id);
+        return step;
     }
     toMablscript() {
         var _a, _b, _c;

package/mablscript/steps/AssertStep.js

@@ -12,6 +12,7 @@ const GetCurrentLocationDescriptor_1 = require("../types/GetCurrentLocationDescr
 const GetVariableValue_1 = require("../actions/GetVariableValue");
 const GetVariableDescriptor_1 = require("../types/GetVariableDescriptor");
 const CountAction_1 = require("../actions/CountAction");
+const MobileFindAction_1 = require("../mobile/steps/actions/MobileFindAction");
 var OnFailure;
 (function (OnFailure) {
     OnFailure["ContinueWithWarning"] = "continue";
@@ -44,15 +45,16 @@ Object.entries(exports.assertionStepToField).forEach(([stepType, field]) => (exp
 class AssertStep extends MablStep_1.MablStep {
     constructor(name, args, actions) {
         var _a, _b;
-        super(name, args, actions);
+        super(name, args, actions, 'assert');
         const firstAction = actions[0];
         if (firstAction instanceof FindAction_1.FindAction ||
+            firstAction instanceof MobileFindAction_1.MobileFindAction ||
             firstAction instanceof GetUrlAction_1.GetUrlAction ||
             firstAction instanceof GetVariableValue_1.GetVariableValue) {
             this.primaryAction = firstAction;
         }
         else {
-            throw new Error(`Unexpected action type. Expected FindAction|GetUrlAction|GetVariableValue but got: ${firstAction.constructor.name}`);
+            throw new Error(`Unexpected action type. Expected FindAction|MobileFindAction|GetUrlAction|GetVariableValue but got: ${firstAction.constructor.name}`);
         }
         if (actions.length === 3) {
             if (actions[1] instanceof CountAction_1.CountAction) {
@@ -127,9 +129,11 @@ class AssertStep extends MablStep_1.MablStep {
             onFailure: this.onFailure,
             observationScope: this.observationScope,
             descriptorToActionMap,
+            actionCode: this.actionCode,
         };
     }
     getFormattedStep(_fullLocatorsOn) {
+        var _a, _b;
         const result = {};
         result[this.getStepName()] = { ...this.annotationsAsYml() };
         const formatted = result[this.getStepName()];
@@ -144,49 +148,60 @@ class AssertStep extends MablStep_1.MablStep {
         if (this.assertionValue !== undefined) {
             formatted.assertionValue = this.assertionValue;
         }
-        const find = this.primaryAction.toDescriptor();
-        if ((0, GetCurrentLocationDescriptor_1.isGetCurrentLocationDescriptor)(find) || (0, GetVariableDescriptor_1.isGetVariableDescriptor)(find)) {
+        const targetDescriptor = this.primaryAction.toDescriptor();
+        if ((0, GetVariableDescriptor_1.isGetVariableDescriptor)(targetDescriptor)) {
+            formatted.target = (0, GetVariableDescriptor_1.convertGetVariableDescriptorToYaml)(targetDescriptor);
         }
         else {
-            switch (find.findType) {
-                case domUtil_1.FindType.FIND_EMAIL:
-                    formatted.findType = FindAction_1.findTypesToFormattedType[find.findType];
-                    formatted.selector = find.findTarget.selector;
-                    break;
-                case domUtil_1.FindType.FIND_COOKIE:
-                case domUtil_1.FindType.FIND_FIRST:
-                case domUtil_1.FindType.FIND_LAST:
-                case domUtil_1.FindType.FIND_ANY:
-                case domUtil_1.FindType.FIND_ALL:
-                    formatted.findType = FindAction_1.findTypesToFormattedType[find.findType];
-                    formatted.selector = find.findTarget;
-                    break;
-                case domUtil_1.FindType.FIND_ONE:
-                    formatted.selector = find.findTarget.selector;
-                    if (find.findOptions) {
-                        formatted.findOptions = find.findOptions;
-                    }
-                    break;
-                default:
-                    throw new Error(`Error generating step descriptor for ${this.getStepName()}: Unexpected find type ${find.findType}`);
-            }
+            formatted.target = targetDescriptor;
         }
         if (this.conditionAction.options) {
             formatted.conditionOptions = this.conditionAction.options;
         }
+        if (!!((_a = this.assertArguments) === null || _a === void 0 ? void 0 : _a.observationScope) ||
+            !!((_b = this.assertArguments) === null || _b === void 0 ? void 0 : _b.onFailure)) {
+            formatted.assertArguments = this.assertArguments;
+        }
+        result[this.getStepName()] =
+            MablStep_1.MablStep.cloneAndRemoveUndefinedEntriesFromObject(formatted);
+        if (this.stepId()) {
+            result[this.getStepName()].id = this.stepId();
+        }
         return result;
     }
     static fromYaml(stepName, stepArgs) {
+        var _a, _b, _c, _d, _e, _f, _g;
         const actions = [];
         const assertionType = exports.assertionStepToField[stepName];
         const assertionValue = stepArgs.assertionValue;
         const conditionOptions = stepArgs.conditionOptions;
         let primaryAction;
-        if (stepArgs.kind === GetCurrentLocationDescriptor_1.GET_CURRENT_LOCATION_KIND) {
+        if (((_a = stepArgs.target) === null || _a === void 0 ? void 0 : _a.kind) === GetCurrentLocationDescriptor_1.GET_CURRENT_LOCATION_KIND) {
             primaryAction = new GetUrlAction_1.GetUrlAction(GetUrlAction_1.GetUrlAction.mablScriptStepNames[0], []);
         }
+        else if (((_b = stepArgs.target) === null || _b === void 0 ? void 0 : _b.kind) === GetVariableDescriptor_1.GET_VARIABLE_VALUE) {
+            primaryAction = new GetVariableValue_1.GetVariableValue(GetVariableValue_1.GetVariableValue.mablScriptStepNames[0], [(_c = stepArgs.target) === null || _c === void 0 ? void 0 : _c.variable]);
+        }
+        else if ((0, domUtil_1.isNormalizedFindEmailDescriptor)((_d = stepArgs.target) === null || _d === void 0 ? void 0 : _d.findTarget) ||
+            (0, domUtil_1.isCookieSelector)((_e = stepArgs.target) === null || _e === void 0 ? void 0 : _e.findTarget) ||
+            (0, domUtil_1.isTabSelector)((_f = stepArgs.target) === null || _f === void 0 ? void 0 : _f.findTarget)) {
+            const { findTarget, findType } = stepArgs.target;
+            primaryAction = new FindAction_1.FindAction(findType, [findTarget]);
+        }
+        else if ((0, domUtil_1.isMobileFindDescriptor)(stepArgs.target)) {
+            primaryAction = MobileFindAction_1.MobileFindAction.fromDescriptor(stepArgs.target);
+        }
+        else if ((0, domUtil_1.isFindElementDescriptor)(stepArgs.target)) {
+            const { findOptions, findTarget, findType } = stepArgs.target;
+            if (findType === domUtil_1.FindType.FIND_ONE) {
+                primaryAction = new FindAction_1.FindAction(findType, [findTarget, findOptions]);
+            }
+            else {
+                primaryAction = new FindAction_1.FindAction(findType, [findTarget, findOptions]);
+            }
+        }
         else {
-            primaryAction = FindAction_1.FindAction.findActionFromStepArgs(stepArgs);
+            throw new Error(`Error parsing [${stepName}] with incompatible step arguments`);
         }
         actions.push(primaryAction);
         if (assertionType === 'present' || assertionType === 'not_present') {
@@ -199,11 +214,8 @@ class AssertStep extends MablStep_1.MablStep {
             if (stepArgs.attribute === 'count') {
                 actions.push(new CountAction_1.CountAction('count', [stepArgs.attribute]));
             }
-            else {
-                const extractArgs = stepArgs.extractionOptions
-                    ? [stepArgs.attribute, stepArgs.extractionOptions]
-                    : [stepArgs.attribute];
-                actions.push(new ExtractAction_1.ExtractAction(ExtractAction_1.ExtractAction.mablScriptTypeFromYamlType(stepArgs.extractType), extractArgs));
+            else if (((_g = stepArgs.target) === null || _g === void 0 ? void 0 : _g.kind) !== GetVariableDescriptor_1.GET_VARIABLE_VALUE) {
+                actions.push(new ExtractAction_1.ExtractAction(ExtractAction_1.ExtractAction.mablScriptTypeFromYamlType(stepArgs.extractType), [stepArgs.attribute]));
             }
             actions.push(new ConditionAction_1.ConditionAction('evaluate_condition', [
                 assertionType,
@@ -211,15 +223,18 @@ class AssertStep extends MablStep_1.MablStep {
                 conditionOptions,
             ]));
         }
-        return new AssertStep('assert', [
-            {
-                onFailure: stepArgs.onFailure,
-                observationScope: stepArgs.observationScope,
-            },
-        ], actions);
+        const assertStep = new AssertStep('assert', [stepArgs.assertArguments], actions);
+        if (stepArgs.annotation) {
+            assertStep.setAnnotation(stepArgs.annotation);
+        }
+        assertStep.setStepId(stepArgs.id);
+        return assertStep;
     }
     toMablscript() {
         var _a, _b, _c, _d;
+        if (this.primaryAction instanceof MobileFindAction_1.MobileFindAction) {
+            throw new Error('Mobile steps do not generate mablscript');
+        }
         const assertAction = `.assert(${!!(((_a = this.assertArguments) === null || _a === void 0 ? void 0 : _a.onFailure) ||
             ((_b = this.assertArguments) === null || _b === void 0 ? void 0 : _b.observationScope))
             ? (0, MablAction_1.convertObjectToMablscriptArgs)({

package/mablscript/steps/AssertStepOld.js

@@ -27,7 +27,7 @@ const oldToNewAssertionTypes = {
 };
 class AssertStepOld extends MablStep_1.MablStep {
     constructor(name, args, actions) {
-        super(name, args, actions);
+        super(name, args, actions, name);
         this.assertionType = '';
         this.assertAttribute = '';
         this.validate();
@@ -97,10 +97,41 @@ class AssertStepOld extends MablStep_1.MablStep {
                     throw new Error(`Error generating step descriptor for ${this.getStepName()}: Unexpected find type ${find.findType}`);
             }
         }
-        formatted.onFailure = this.onFailure;
-        formatted.observationScope = this.observationScope;
+        formatted.assertArguments = {
+            onFailure: this.onFailure,
+            observationScope: this.observationScope,
+        };
         return formatted;
     }
+    getFormattedStep(_fullLocatorsOn) {
+        const result = {};
+        result[this.getStepName()] = { ...this.annotationsAsYml() };
+        const formatted = result[this.getStepName()];
+        if (this.extractAction) {
+            formatted.attribute = this.extractAction.extractionAttribute;
+            formatted.extractType =
+                ExtractAction_1.ExtractAction.mablscriptToYamlType[this.extractAction.extractionType];
+        }
+        if (this.assertionType !== 'assert_present' &&
+            this.assertionType !== 'assert_not_present') {
+            formatted.assertionValue = this.assertAttribute;
+        }
+        const targetDescriptor = this.primaryAction.toDescriptor();
+        if ((0, GetVariableDescriptor_1.isGetVariableDescriptor)(targetDescriptor)) {
+            formatted.target = (0, GetVariableDescriptor_1.convertGetVariableDescriptorToYaml)(targetDescriptor);
+        }
+        else {
+            formatted.target = targetDescriptor;
+        }
+        formatted.assertArguments = {
+            onFailure: this.onFailure,
+            observationScope: this.observationScope,
+        };
+        if (this.stepId()) {
+            result[this.getStepName()].id = this.stepId();
+        }
+        return result;
+    }
     getNewAssertionStep() {
         const yamlified = (0, importer_1.yamlifyTheLoadedSteps)([this]);
         const reloadedSteps = (0, importer_1.loadYamlSteps)(yamlified);
@@ -117,7 +148,7 @@ class AssertStepOld extends MablStep_1.MablStep {
         return result;
     }
     static fromYaml(stepName, _stepArgs) {
-        return new MablStep_1.MablStep(stepName, [], []);
+        return new MablStep_1.MablStep(stepName, [], [], 'assert');
     }
 }
 exports.AssertStepOld = AssertStepOld;

package/mablscript/steps/AwaitTabStep.js

@@ -5,7 +5,7 @@ const domUtil_1 = require("../../domUtil");
 const MablStep_1 = require("../MablStep");
 class AwaitTabStep extends MablStep_1.MablStep {
     constructor(name, args, actions) {
-        super(name, args, actions);
+        super(name, args, actions, 'await_tab');
         this.tab = this.getActionArgs()[0];
     }
     getStepName() {
@@ -14,10 +14,13 @@ class AwaitTabStep extends MablStep_1.MablStep {
     toStepDescriptor() {
         return {
             tab: this.tab,
+            actionCode: this.actionCode,
         };
     }
     static fromYaml(_stepName, stepArgs) {
-        return new AwaitTabStep('await_tab', [stepArgs.tab], []);
+        const step = new AwaitTabStep('await_tab', [stepArgs.tab], []);
+        step.setStepId(stepArgs.id);
+        return step;
     }
     toMablscript() {
         const mablscriptSelectorChunks = ['selector_type: "tab"'];

package/mablscript/steps/AwaitUploadsStep.js

@@ -4,16 +4,18 @@ exports.AwaitUploadsStep = void 0;
 const MablStep_1 = require("../MablStep");
 class AwaitUploadsStep extends MablStep_1.MablStep {
     constructor(name, args, actions) {
-        super(name, args, actions);
+        super(name, args, actions, 'await_uploads');
     }
     getStepName() {
         return 'AwaitUploads';
     }
     toStepDescriptor() {
-        return {};
+        return { actionCode: this.actionCode };
     }
-    static fromYaml(_stepName, _stepArgs) {
-        return new AwaitUploadsStep('await_uploads', [], []);
+    static fromYaml(_stepName, stepArgs) {
+        const step = new AwaitUploadsStep('await_uploads', [], []);
+        step.setStepId(stepArgs.id);
+        return step;
     }
     toMablscript() {
         return `await_uploads()`;

package/mablscript/steps/ClearCookiesStep.js

@@ -4,16 +4,18 @@ exports.ClearCookiesStep = void 0;
 const MablStep_1 = require("../MablStep");
 class ClearCookiesStep extends MablStep_1.MablStep {
     constructor(name, args, actions) {
-        super(name, args, actions);
+        super(name, args, actions, 'clear_cookies');
     }
     getStepName() {
         return 'ClearCookies';
     }
     toStepDescriptor() {
-        return {};
+        return { actionCode: this.actionCode };
     }
-    static fromYaml(_stepName, _stepArgs) {
-        return new ClearCookiesStep('clear_cookies', [], []);
+    static fromYaml(_stepName, stepArgs) {
+        const step = new ClearCookiesStep('clear_cookies', [], []);
+        step.setStepId(stepArgs.id);
+        return step;
     }
     toMablscript() {
         return `clear_cookies()`;

package/mablscript/steps/ClickAndHoldStep.js

@@ -8,7 +8,7 @@ const ActionsUtils_1 = require("./ActionsUtils");
 class ClickAndHoldStep extends MablStep_1.MablStep {
     constructor(name, args, actions) {
         var _a;
-        super(name, args, actions);
+        super(name, args, actions, 'click_and_hold');
         this.findAction = ActionsUtils_1.ActionsUtils.validateSingleFindAction(this.actions);
         this.clickArgs = (_a = this.parseArgs(args)) !== null && _a !== void 0 ? _a : { isHtml5: false };
     }
@@ -38,21 +38,28 @@ class ClickAndHoldStep extends MablStep_1.MablStep {
                     find,
                     isHtml5: this.clickArgs.isHtml5,
                     descriptorToActionMap: new Map().set(find, this.findAction),
+                    actionCode: this.actionCode,
                 };
             default:
                 throw new Error(`Error generating step descriptor for ${this.getStepName()}: Unexpected find type ${find.findType}`);
         }
     }
     getFormattedStep(_fullLocatorsOn) {
-        return {
+        const step = {
             ClickAndHold: {
                 ...super.annotationsAsYml(),
                 ...this.findAction.toYaml(),
             },
         };
+        if (this.stepId()) {
+            step.ClickAndHold.id = this.stepId();
+        }
+        return step;
     }
     static fromYaml(_stepName, stepArgs) {
-        return new ClickAndHoldStep('click_and_hold', [], [FindAction_1.FindAction.findActionFromStepArgs(stepArgs)]);
+        const step = new ClickAndHoldStep('click_and_hold', [], [FindAction_1.FindAction.findActionFromStepArgs(stepArgs)]);
+        step.setStepId(stepArgs.id);
+        return step;
     }
     toMablscript() {
         return `${this.findAction.toMablscript()}.click_and_hold({isHtml5:${this.clickArgs.isHtml5}})`;

package/mablscript/steps/ClickStep.js

@@ -7,7 +7,7 @@ const domUtil_1 = require("../../domUtil");
 const ActionsUtils_1 = require("./ActionsUtils");
 class ClickStep extends MablStep_1.MablStep {
     constructor(name, args, actions) {
-        super(name, args, actions);
+        super(name, args, actions, 'click');
         this.findAction = ActionsUtils_1.ActionsUtils.validateSingleFindAction(this.actions);
     }
     getStepName() {
@@ -23,21 +23,28 @@ class ClickStep extends MablStep_1.MablStep {
                 return {
                     find,
                     descriptorToActionMap: new Map().set(find, this.findAction),
+                    actionCode: this.actionCode,
                 };
             default:
                 throw new Error(`Error generating step descriptor for ${this.getStepName()}: Unexpected find type ${find.findType}`);
         }
     }
     getFormattedStep(_fullLocatorsOn) {
-        return {
+        const step = {
             Click: {
                 ...super.annotationsAsYml(),
                 ...this.findAction.toYaml(),
             },
         };
+        if (this.stepId()) {
+            step.Click.id = this.stepId();
+        }
+        return step;
     }
     static fromYaml(_stepName, stepArgs) {
-        return new ClickStep('click', [], [FindAction_1.FindAction.findActionFromStepArgs(stepArgs)]);
+        const step = new ClickStep('click', [], [FindAction_1.FindAction.findActionFromStepArgs(stepArgs)]);
+        step.setStepId(stepArgs.id);
+        return step;
     }
     toMablscript() {
         return `${this.findAction.toMablscript()}.click()`;