Text Formatting

You can write test cases and test steps in Wiki markup editor. The editor allows you to add the following attributes to the field.

A. Text: Apply all the standard formatting options available in other editors. You can add emphasis to your text with formatting such as italics, bold, underline, apply color and alignment to the text.

B. Links: Select some text, or position your cursor where you want to insert the link. You can also use keyboard shortcuts Ctrl+K

C. Images: When users want to add an image or screenshot on test cases/steps as thumbnail then this option can be used.

Click on Image icon when you want to add an image or screenshot to the rich text editor.

→ Permission: The user must have the “Edit” permission for the respective Test Management module to be able to add an image in the text editor.

The rich text editor supports the jpg, jpeg, png, and gif file formats. The images will appear as thumbnails. On clicking the thumbnail, the image will enlarge.

Note: The maximum file size allowed to upload is 10 MB.

The images can be uploaded in the text editor by:

(1) Browsing and uploading the image

Step 1: In the Insert list, select Image.

Step 2: In the next pop-up, click select files to browse and select the image. You can select and upload multiple image files at once.

Step 3 : Once the image file is uploaded, click Confirm.

(2) Dragging and dropping the image

You can add the image in the text editor through the drag and drop operation.

Step 1: In the Insert list, select Image.

Step 2. Drag the image from the local drive and drop it into the Drop file area. You can drag and drop multiple image files at once.

(3) Inserting the image through the URL

This option also accepts the URL of the file. The file should be placed on the location from where all users can access it and then its URL can be used to attach that file as image.

Steps to add image as URL :

Step 1: Apart from the attachment icon for the step, the Image option is provided in all the editor boxes for the step. In the editor, open the menu option and select Image.

Step 2 : Enter the URL in the pop-up that opens and click Confirm.

(4) Copying and pasting the image

You can copy the image and paste it directly into the editor. You can copy - paste multiple image files at once into the text editor.

Step 1. Select the image you want to copy and press Ctrl+C on your keyboard. You can also use the right-click context menu to copy the image.

Step 2. Go to the editor and press Ctrl+V to insert the image directly. You can also use the right-click context menu to paste the image into the editor.

The uploaded image will also be shown in the Attachment tab of the respective test asset.

All the attachments are by default copied to the cloned Test Execution.

Editing the Image:

Step 1: Click in the text editor.

Step 2: Select the image that you want to edit.

Step 3: Make any changes:

Adjust the alignment of the image
Align the image on the right or left of the text
Stretch the image to fill the width of the window
Delete the image

Note: This feature is available for the rich text editor across all the QMetry modules like Test Case (Description, Step Summary, Test Data, Expected Result, and Comments), Test Cycle (Description and Comment), Test Plan (Description and Comment) and Test Execution (Test Case Comment, Test Step Actual Result, Test Step Comment).

D. Mention: Use @ and a person’s name. The user mentioned receives a notification, so you can use this to let them know to read the page, or to draw their attention to a specific comment.

E. Table: Insert Table to represent the data in tabular format. To add a table, click on the table icon. A three-column, three-row table appears on the page. You can use table options and cell options for additional formatting.

F. Quote: Emphasize a quote by clicking on the Quote icon and type the text to be quoted.

G. Code snippet: Use the code snippet element that is inserted by typing /code to access the list of elements.

H. Info panel: Insert an Info panel by clicking on the Info icon. This creates a colored box surrounding your text with the ability to choose an icon with a specific background color.

You can add info, note, success, warning, error using the respective icon.

I. Divider: Separate sections of text using the horizontal line divider.

J. Date: Insert a date by clicking on the Date option and picking your date.

Known Limitations of Editor (related to Table):

Delete Rows and Delete Columns options do not work when the table is selected.
The last column of the table is not resizable.
Cell Options are not clearly visible.
“Clear link & Clear text” functionality is not working when a link is embedded in the text.