The MuukTest Extension is a tool that you can use to record your tests in your browser. It is available in Chrome Web Store.
Installation
- Visit Chrome Web Store.
- Inside the Chrome Web Store, click on the button with the 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.
An alert message asking for install extension.
- After a few seconds, the MuukTest icon will be added to the bar.
Successful install.
- 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 the 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 login. 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 the login.
Successful Log In.
Creating Tests
When you have logged in to 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.
Test Recording
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. The last one is automatically done when you perform actions on the objects.
- Mouseover: If you want to save a step for a mouseover (e.g. You want to test an event of the mouse over), press the Ctrl+Key with the mouse cursor over it.
End Test
When you have finished your test scenario you can click on the button End Test. This automatically will save your steps and objects, and it will set the extension for new test creation.
To 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.
Multiple tabs
In case you want to record a test on multiple tabs, you have to enable the multi-tabs recording. To 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 Options is by typing the following route in your browser to see all extensions.
chrome://extensions/
Then, when you see all extensions, select MuukTest extension and press the Details button.
Extension details
You will see a screen like this.
All details from the extension
In this part, search an item called Extension Options and click it to open.
Options 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. On another 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 the extension with the same features in multiple tabs and a single tab.
Also, you can activate it from the extension by clicking on the Settings button.
Capture screenshots
If you want to save screenshots when you are recording the test by the first time, you need to enable in Options (see how to enter options).
When you press on Capture screenshots, you will see a message like this to activate the function.
Step section.
Also, you can activate it from the extension by clicking on the Settings button.
Get Selector
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 be to start to on/off. 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 the selector, Copy as JS (selector with javascript code for finding all selectors), or 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.
Comments
0 comments
Please sign in to leave a comment.