The MuukTest Extension is a tool which you can use to record your tests in your browser. It is available in Chrome Web Store.
- Visit Chrome Web Store.
- Inside the Chrome Web Store, click on the button with text Add to Chrome. (Right upper corner)
You can download MuukTest extension in Chrome Web Store.
- An alert message will appear with the title Add MuukTest Extension?. Click on the button Add extension.
Alert message asking for install extension.
- After a few seconds the MuukTest icon will be added to the bar.
- Click in the MuukTest icon to open the extension and it should look like in the below image.
When you open for first time the extension, you should see login option.
How to Use It
Once you have installed the extension. You should Sign Up or Log In. You have to click on log in and a new window will open for the authentication. The authentication has two tabs: Sign In and Log In.
If you have an account, only you Log In. In contrast, if you don't have an account, you need to Sign Up.
If you don’t have an account use the Sign Up form, otherwise use the Log In. For both, you need to do:
- Fill email field.
- Fill password field.
- Click on the button Sign Up / Log In.
When the login is successful, Chrome will show a message confirm Log In.
Successful Log In.
When you have logged in the extension, the form to create a test will be shown. This form contains two sections.
The first section contains two fields:
- Name: The name of the test to save.
- Description: A brief description of what the test is about. It can detect #hashtags to classify and organize the tests. Example: This is a #test is for the #tutorial.
Form to create a test. You can use #hashtags on Description and automatically you will have a tag.
After filling the form click on the button Start to save the name, the description and start recording your test.
NOTE: You don't have to fill any information on the Steps section, this section will be automatically filled with the data of the steps you're taking within your test.
If the test was started and saved successfully, MuukTest extension will notify you with a message.
To record the test you need to navigate through the web application you are testing. The extension will record steps for every action you perform. When you move your mouse in front of any item, the extension adds a redbox around the object that is on the mouse cursor.
Red box around any item on the mouse cursor.
The extension has different actions that record the steps for the test:
- Click: Click on the objects you want to record.
- Assignment: Change or assign a value in inputs, checkbox, radio button and textbox. Last one is automatically done when you perform actions on the objects.
- Mouse over: If you want to save a step for a mouse over (e.g. You want to test an event of the mouse over), press the Ctrl Key with the mouse cursor over it.
Pause / Resume
When you start creating a test two buttons under the MuukTest Logo will be available to control your test.
Buttons for control your test.
To pause your test, mouse over the text Recording and it will change to Click to pause, then click it.
If you put your mouse over Recording button, you can click it to pause your test.
The button will change to Paused. To resume your recording, you need to mouse over the Paused and it will change to Continue recording, then click it.
Resume your test clicking on Paused button (that text will change to Continue recording when mouse over it).
When you have finished your test scenario you can click on the button End Test. When you mouse over this button the text will change to Finalize recording. This automatically will save your steps and objects, and it will set the extension for a new test creation.
For finish your test, click on End Test (text will change on Finalize recording when mouse over it).
Also, once you click Finalize recording, you will see a pop up with a link to the test case you just created in case you want to see it right away.
Successful saving test.
In case you want to record a test on multiple tabs, you have to enable the multi-tabs recording. For activate it, you should right click on the MuukTest extension and you will see the next box.
Settings for MuukTest Extension.
Another way to enter to Options is typing the following route in your browser to see all extension.
Then, when you see all extensions, select MuukTest extension and press Details button.
You will see a screen like this.
All details from extension
In this part, search a item called Extension Options and click it to open.
Option button from extension details
No matter which way use to find options, when you open it, you can see a box like the following.
Enable Multiple tabs recording on Options.
Then, you can see a message advising if you want to enable this function. If you want to activate it, only press OK. In other hand, if you want to prepare your environment with a specific group of tabs, press Cancel, prepare and enable it.
Enable multiple tabs
You can use extension with same features in multiple tabs and single tab.
When you have recorded the steps and objects for your test, you can check them in the extension inside the Steps section.
This section contains a table with the object properties and the actual step:
- Step: The actual step number.
- Url: The URL from where the object was saved.
- Tag: The tag of the object. (Ex. input, a, div, h1, label).
- Name: The value of Name property in the object.
- Type: The value of the Type property. (Ex. text, email, password).
- Text: The text inside the object.
- Value: If the action was an assignment the value will be displayed.
Below the table, you will find navigation buttons to go through the different steps of the test.
Create a New Test
On the top of the extension, you can click the button with a plus symbol. This button is disabled if you are recording a test, so you should have finalized your test before starting a new one.
Create a new test.
On the top of the extension, you can click the button with a pencil icon. This button is for viewing a certain selector without recording a test.
Get Selector button
When the button is clicked on, it will change the color to green. This means it’s ready to get a selector.
Get Selector button is ready
Next, when hovering on elements on the web page, each of them will be outlined with a green border.
Get Selector in action
After clicking on the element, a pop up will appear with the selector and the option to copy or to cancel.
Get Selector pop up
NOTE: Once you click on cancel, the Get Selector will turn off.
If you have more questions, you can see our videos about our MuukTest.