Bugs‌ ‌found‌ ‌in‌ Justinmind SaaS

Justinmind

Justinmind is a free UI and UX design platform that empowers users to effortlessly create UI assets, prototypes, and simulations.

From clickable prototypes to fully-functional simulations, it enables seamless design without coding. With an array of tools at your disposal, you can focus on crafting exceptional user experiences, while simulation-based testing streamlines processes and enhances user adoption. The software offers the freedom to design UI assets without project limitations, encompassing vector design tools, pen tools, pathfinders, and more. Collaborative capabilities allow multiple users to work on prototypes simultaneously.

Our QA engineers explored Justinmind SaaS from a professional standpoint. Here are our findings!

Events assigned to buttons do not trigger consistently during simulation

Severity:

Major

Precondition:
  1. Install the program.
  2. Log in.
Steps to Reproduce:
  1. Go to the template page of the site (https://www.justinmind.com/design-templates?filter=prototype).
  2. Navigate to the Mobile tab.
  3. Find the “Travel ecommerce app” template.
  4. Click on the “Download” button.
  5. Click on the “Open Justinmind” button.
  6. On the “Welcome Screen” template page, right-click on the “Try now” button.
  7. Select the “Add event” option.
  8. Choose the trigger by clicking on the “CHOOSE TRIGGER” button.
  9. Hover your mouse over “Tap” and then click on the “on Tap” option.
  10. Select the action by clicking on the “CHOOSE ACTION” button.
  11. Choose the “Navigate to” option.
  12. Click on the “Home Screen” button.
  13. Click “OK.”
  14. Go to the “Home Screen” screen.
  15. Right-click on the “Kayak” button.
  16. Choose the trigger by clicking on the “CHOOSE TRIGGER” button.
  17. Hover your mouse over “Tap” and then click on the “on Tap” option.
  18. Select the action by clicking on the “CHOOSE ACTION” button.
  19. Choose the “Navigate to” option.
  20. Click on the “Detail Screen” button.
  21. Navigate to the “Detail Screen” screen.
  22. Right-click on the “Book your experience” button.
  23. Choose the trigger by clicking on the “CHOOSE TRIGGER” button.
  24. Hover your mouse over “Tap” and then click on the “on Tap” option.
  25. Select the action by clicking on the “CHOOSE ACTION” button.
  26. Choose the “Navigate to” option.
  27. Click on the “Welcome Screen” button.
  28. Click on the “Simulate” button.
  29. Click on the “Book your experience” button.
  30. Click on the “Try now” button.
  31. Click on the “Kayak” button.
Environment:

Windows 10 Pro

Chrome v.114.0.5735.199, Firefox v.115.0.1, Microsoft Edge v. 114.0.1823.79

 

Actual Result:

Events assigned to buttons do not trigger consistently during simulation.

Expected Result:

Events should trigger every time.

Downloaded library is not added to current project

Severity:

Major

Precondition:
  1. Install the program.
  2. Log in.
Steps to Reproduce:
  1. Go to the template page of the site (https://www.justinmind.com/design-templates?filter=prototype).
  2. Navigate to the Mobile tab.
  3. Locate the “Travel ecommerce app” template.
  4. Click on the “Download” button.
  5. After that, click on the “Open Justinmind” button.
  6. Click on the “Libraries” button to view the available libraries in the project.
  7. Click on the “New Library” button.
  8. Drag the sliders for all available libraries to the active position.
  9. Click on the “OK” button.
  10. Collapse all the libraries.
  11. Click on the “New Library” button.
  12. Click on the three vertical dots button.
  13. Choose the “Download more libraries” option.
  14. Find the “Charts” library.
  15. Click on the “Download” button.
  16. Click on the “Open Justinmind” button.
  17. Expand your project named “Travel ecommerce app.”
  18. Click on the “New Library” button.
Environment:

Windows 10 Pro

Chrome v.114.0.5735.199

Actual Result:

When downloading a library, it doesn’t get added to the current project. Instead, adding a library opens a new project.

Expected Result:

The library should be integrated into the project currently being worked on.

Impossible to see all project pages when viewing project on mobile device

Severity:

Major

Precondition:
  1. Install the program on the computer.
  2. Log in.
  3. Install the application on the mobile device.
  4. Log in using the same account.
Steps to Reproduce:
  1. Navigate to the template page of the site using this link: https://www.justinmind.com/design-templates?filter=prototype.
  2. Click on the Mobile tab.
  3. Locate the “Travel ecommerce app” template.
  4. Click on the “Download” button.
  5. Click on the “Open Justinmind” button.
  6. Click on the “View on device” button.
  7. Open the camera app on your phone.
  8. Use your phone’s camera to scan the QR code displayed on the PC screen.
  9. Once the application is open, attempt to navigate between the project pages by swiping in all directions and tapping on the screen.
Environment:

Windows 10 Pro (Chrome v.114.0.5735.199)

Xiaomi Mi 10 (Android 13, MIUI Global 14.0.1), iPhone 11, iOS Version 17.0

Actual Result:

When viewing the project on a mobile device, it is impossible to see all project pages.

Expected Result:

It should be possible to view all project pages on mobile devices.

Impossible to see all project pages when viewing project on mobile device

Navigator distorts display of current project state

Severity:

Minor

Precondition:
  1. Install the program.
  2. Log in.
Steps to Reproduce:
  1. Open the program.
  2. Click on the “New project” button.
  3. Select the “Mobile” option.
  4. Click on the “Ok” button.
  5. Click on the “Palettes” button.
  6. Click on the “Navigator” button.
  7. Open the “Navigator” in the sidebar.
  8. In the top toolbar, click on the circle drawing tool.
  9. Hold down the mouse button in the middle of the phone template screen.
  10. Draw a circle so that its height and width are the same size.
  11. Review the display on the navigator panel.
Environment:

Windows 10 Pro

Actual Result:

The navigator distorts the display of the current project state.

Expected Result:

The navigator should not distort the objects it displays.

Navigator distorts display of current project state

No button to close color selection popup

Severity:

Minor

Precondition:
  1. Install the program.
  2. Log in.
Steps to Reproduce:
  1. Navigate to the template page of the site (https://www.justinmind.com/design-templates?filter=prototype).
  2. Switch to the Mobile tab.
  3. Locate the “Travel ecommerce app” template.
  4. Click on the “Download” button.
  5. Select the “Open Justinmind” option.
  6. Go to the “Detail Screen” section.
  7. Choose one of the light gray stars.
  8. Within the Background block, click on the icon displaying the color.
Environment:

Windows 10 Pro (Browsers: Chrome v.114.0.5735.199)

Actual Result:

There is no button to close the color selection popup.

Expected Result:

To allow the user to continue editing the element, the pop-up should include a close button.

Project fails to load on mobile device

Severity:

Minor

Precondition:
  1. Install the program on the computer.
  2. Log in.
  3. Install the application on the mobile device.
  4. Log in using the same account.
Steps to Reproduce:
  1. Navigate to the template page of the site (https://www.justinmind.com/design-templates?filter=prototype).
  2. Switch to the Mobile tab.
  3. Locate the “Travel ecommerce app” template.
  4. Click on the “Download” button.
  5. Select the “Open Justinmind” option.
  6. Access the app on your mobile device.
  7. Find and select the project you recently added.
  8. Click on it to open.
Environment:

Windows 10 Pro (Chrome v.114.0.5735.199)

Xiaomi Mi 10 (Android 13, MIUI Global 14.0.1)

Actual Result:

The project fails to load on the mobile device.
This issue occurs in 1 out of 10 cases.

Expected Result:

The project should be loaded.

No scrolling available on screen to center layout

Severity:

Minor

Precondition:
  1. Install the program.
  2. Log in to your account.
  3. Download an image in a large format with dimensions larger than 2000px in width and height.
Steps to Reproduce:
  1. Open the program.
  2. Click on the “New project” button.
  3. Select the “Mobile” option.
  4. Click on the “Ok” button.
  5. In the toolbar, click on the “Add Image” button.
  6. Open the widescreen image.
  7. Scroll to the top left corner of the image.
  8. Click on “Properties” in the sidebar.
  9. Change the image settings: Width: 200, Height: 200, X: 0, Y: 0.
  10. Use the side scroll to navigate to the bottom of the page.
  11. Utilize the bottom scroll to move the page to the right until the end.
Environment:

Windows 10 Pro

Actual Result:

There is no scrolling available on the screen to center the layout.

Expected Result:

The layout should be adjustable and movable across the screen.

"Properties" block is not movable on screen

Severity:

Trivial

Precondition:
  1. Install the program.
  2. Log in.
Steps to Reproduce:
  1. Open the program.
  2. Click on the “New project” button.
  3. Select the “Mobile” option.
  4. Click on the “Ok” button.
  5. In the sidebar, left-click on the “Properties” block over the “Properties” text.
  6. Drag the mouse to the left.
  7. Release the button.

 

Environment:

Windows 10 Pro

Actual Result:

The “Properties” block is not movable on the screen.

Expected Result:

The “Properties” block should be movable on the screen.

No scrolling in additional panels, and toolbar buttons are overlapping

Severity:

Trivial

Precondition:
  1. Install the program.
  2. Log in.
Steps to Reproduce:
  1. Open the program.
  2. Click on the “New project” button.
  3. Select the “Mobile” option.
  4. Click on the “Ok” button.
  5. Click on the “Palettes” button.
  6. Click on the “CSS” button.
  7. Click on the “Palettes” button.
  8. Click on the “Variables” button.
  9. Click on the “Palettes” button.
  10. Click on the “Navigator” button.
Environment:

Windows 10 Pro

Actual Result:

Toolbar buttons are overlapping, and there is no scrolling available in additional panels.

Expected Result:

A side scroller should be present for the Toolbar.

Page-switching scrolls are flickering

Severity:

Trivial

Precondition:
  1. Install the program.
  2. Log in.
Steps to Reproduce:
  1. Navigate to the template page of the site (https://www.justinmind.com/design-templates?filter=prototype).
  2. Switch to the Mobile tab.
  3. Locate the “Travel ecommerce app” template.
  4. Click on the “Download” button.
  5. Select the “Open Justinmind” option.
Environment:

Windows 10 Pro

Chrome v.114.0.5735.199

Actual Result:

Page-switching scrolls are flickering.

Expected Result:

Page-switching scrolls should not flicker.

Upon adding logo through website, logo appears distorted within app

Severity:

Trivial

Precondition:
  1. Install the program.
  2. Log in.
  3. Download the logo (https://jira.redwerk.com/secure/attachment/112630/qawerk.jpg).
Steps to Reproduce:
  1. Open the application on your PC.
  2. Click on the “Settings” button.
  3. Select the “Branding” option.
  4. Click on the “Account settings” button.
  5. Once the settings page opens in the browser, click on the “Branding” button.
  6. Click on the designated area to add a logo.
  7. Upload the logo from your computer.
  8. Expand the application.
Environment:

Windows 10 Pro

Chrome v.114.0.5735.199, Firefox v.115.0.1, Microsoft Edge v. 114.0.1823.79

Actual Result:

Upon adding a logo through the website, the logo appears distorted within the application.

Expected Result:

The logo should not be distorted.

To ensure Justinmind SaaS quality, I recommend conducting functional and non-functional testing, including automation for regression testing and consistent behavior. Prioritize usability testing to enhance user experience and identify layout issues, alongside compatibility testing for mobile devices and browsers to address device-specific bugs.
Iryna, QA engineer

Iryna, QA engineer

Need a reliable QA partner?

Hire us