Component Design for Mobile Service

Welcome to the Mobile Service Component Design. This guide will provide you with a detailed walkthrough of the component creation process, from selecting the mobile section to creating test steps. Please follow the steps outlined below for a seamless experience.

---

Navigating to Mobile Service Design

1. Begin by navigating to the Component Design section.

2. Click the Select button under the Mobile section.

Creating a New Component

1. After clicking the Select button, you will find the option to create a new component.

2. Click the Create Component button located on the left panel.

3. This action will open the Create Component form.

Designer View

As a designer, you'll have access to multiple tabs:

• My Components: Displays all created components.

• Approved Components: Shows components approved by reviewers.

• Awaiting Approvals: Lists components awaiting reviewer's approval.

• Rejected Components: Presents components declined by reviewers.

• Draft Components: Encompasses components created but not submitted for review.

Reviewer View

Reviewers will have a similar view, with the exception that 'Approved Components' and 'Rejected Components' are consolidated under the 'All Components' tab. Clicking Go To Component for awaiting components enables reviewers to approve or reject the component.

Note: that Clicking on Create Project will open the same interface for both Designer and Reviewer as demonstrated in the Quick Start section. And components created by the Reviewer will be automatically approved when clicked on Send For Approval.

Creating a New Component (Continued)

1. Once you've navigated to the Create Component form, provide the following details:

   • Component Name

   • Module Name

   • Component Description

2. After completing the form, click the Create Component button.

Adding Test Steps to the Component

1. After creating the component, you can begin adding test steps.

2. Click the Add Step button.

Designing a Test Step

1. Upon clicking Add Step, you'll access the Test Step form.

2. Select an appropriate Action type for the step.

3. Fill in the mandatory fields.

4. To add more steps, use the Add Step button at the bottom.

5. Once all steps are defined, click the green Save icon at the top right to store your progress.

Additional Options on the Add Step Page

1. Add Steps: Clicking Add Step enables two buttons:

   • Pre Step: Add a step before the current one.

   • Post Step: Add a step after the current one.

1. Save: Store your progress.

2. Send For Approval: Submit your steps for approval by reviewers.

3. Quick Run: Initiate a Quick Run to validate the test before official approval.

   • Design your test steps.

   • Click the blue Play button for Quick Run.

   • Fill out the pop-up form.

   • Execute the Quick Run.

1. Component Info: Displays component details such as name, module, creation date, and description.

2. Tests: Shows where the component is used in tests. Update a component's steps, and navigate to tests from here.

   
3. Runs: View Quick Run status and click View for comprehensive details.

Execution Summary Report

After clicking View in the Run Status, access an execution summary report. Additionally, a video recap and step-by-step screenshots are available for review.