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.

The rich text editor is also available on custom fields with the type Multi-Line Textbox. The feature is available on the test case, test cycle, test plan Create and Detail page, Exploratory Testing Create Test Case page and Execution custom fields.

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 as a thumbnail to the large text fields of test assets, then this option can be used. For existing test steps, users can add image through the attachment icon for the step as well as from the image option provided in all the editor boxes.

The feature is available for Test Case (Description, Precondition, Step Fields, Comment and Actual Outcome fields), Test Cycle (Description and Comment fields), Test Plan (Description and Comment fields) and Test Cycle Execution (Test Case Comment, Test Step Actual Result, Test Step Comment).

There are different ways available to add images to the test assets. You can -

  • copy image and paste it into the editor

  • upload image in editor

  • mention image URL in the editor

Images added in test asset editor and test step editor, through copy & paste or upload option, will also be shown in the Attachment tab of the test asset.

Note: The maximum size allowed for individual file is 25 MB. The file size uploaded here will be considered in Storage Tier. If the Storage Tier runs out of free space, users can not upload attachments.

To add an image in the editor, select the Image icon on the menu in the editor.


The different ways to add image are described below.

Known Limitation: The uploaded image remains center-aligned by default. Currently, other alignment options do not work due to the limitation of Wiki markup format.

(A) Copy and Paste Images: You can copy the image and just paste it directly into the editor.


(B) Upload Images: To upload images, you can either drag & drop the image files in the pop-up or browse to select the required files.

(C) Image URL: You can add images using the file URL. The URL should point to the image. 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.

To add and image URL, enter the URL in the pop-up that opens and click Confirm.

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):

  1. Delete Rows and Delete Columns options do not work when the table is selected.

  2. The last column of the table is not resizable.

  3. Cell Options are not clearly visible.

  4. “Clear link & Clear text” functionality is not working when a link is embedded in the text.