Bugs‌ ‌found‌ ‌in‌ Penpot SaaS

Penpot

Penpot is an open-source, web-based design and prototyping platform bridging the gap between designers and developers.

Penpot empowers designers with features like reusable components, flexible interfaces, and effortless font management. It also makes mimicking the product’s behavior easy with interactions and seamless transitions. Developers find convenience in ready-to-use code snippets for CSS styles and SVG markup, a properties inspector, and a quick way to measure distances between elements.

Our QA engineers manually tested Penpot to see if any issues require immediate fixing or more attention in general. Here are the results.

Account creation is blocked if ‘Username’ on sign-up form is left blank; no validation message is shown to user

Severity:

Critical

Precondition:

The user is on the ‘Sign up’ form.

Steps to Reproduce:
  1. Enter a valid email address.
  2. Enter a valid password (minimum 10 characters).
  3. Click the ‘Create your account’ button.
Environment:

Google Chrome Version 115.0.5790.110
Microsoft Edge Version 115.0.1901.188
Firefox 115.0.3

Actual Result:

Nothing happens on the UI. The Developer Tools console contains ‘Uncaught Typeerror’. There was no validation for the mandatory ‘Username’ field.

Expected Result:

Validation messages for all mandatory fields should be displayed to the user. If the ‘Username’ field is not filled in, a respective message should be displayed so that it’s clear to the user why the account creation process is blocked.

Account creation is blocked if ‘Username’ on sign-up form is left blank; no validation message is shown to user

Discrepancy of password verification messages during filling in value and creating new account record

Severity:

Major

Precondition:

The user is on the ‘Sign up’ form.

Steps to Reproduce:
  1. Enter the email address.
  2. Enter the username.
  3. Enter the password that contains minimum 10 characters and characters should be repeated several times, e.g. testtesttest.
  4. Make sure that “Your password looks good” verification message is displayed under the ‘Password’ field.
  5. Click the ‘Create your account’ button.
Environment:

Google Chrome Version 114.0.5735.199
Microsoft Edge Version 114.0.1823.79
Firefox 115.0.2

Actual Result:

“That password is too common” verification message is displayed. Even if the email address is not filled in and the password field contains the same value (testtesttest), “Your password looks good” verification message is displayed under the ‘Password’ field.

Expected Result:

The verification messages during filling in the form and creating the account should be the same for all fields on the form.

Confirmation message about activation email sent to user is displayed when it’s no longer needed

Severity:

Major

Precondition:
  1. The user is on the ‘Sign up’ form.
  2. The user has filled in all required fields on the ‘Sign up’ form.
Steps to Reproduce:
  1. Click the ‘Create your account’ button.
  2. The confirmation message that activation email has been sent to the user is displayed.
  3. Activate the account via the link from the activation email.
  4. Make sure that the account has been activated.
  5. Return to the previous page and click the ‘Resend Activation Email’ button.
Environment:

Google Chrome Version 114.0.5735.199
Microsoft Edge Version 114.0.1823.79
Firefox 115.0.2

Actual Result:

The error message that the account has already been activated is displayed (that is valid behavior). The following confirmation message is displayed to the user: “We sent another activation email to you at…”

Expected Result:

The error message that the account has already been activated should be left as is and the user should be redirected to the app’s main page as the already logged-in user.

‘Subscribe now’ button disappears after entering invalid email address

Severity:

Minor

Precondition:

The user is on the main page of the application.

Steps to Reproduce:
  1. Scroll down and click the ‘Newsletter’ menu item.
  2. Enter an invalid email address to the input field.
  3. Click the ‘Subscribe now’ button.
Environment:

Google Chrome Version 114.0.5735.199
Microsoft Edge Version 114.0.1823.79
Firefox 115.0.2

Actual Result:

The ‘Subscribe now’ button disappears after entering an invalid email address.

Expected Result:

The validation message about an invalid email address should be displayed to the user. Otherwise, the user is blocked from entering a valid email address.
The following message is displayed to the user – “The information you have provided is not valid. Please check the format of the field and try again.” It means that the user should be able to recheck the email address format, try to fix it, and submit again.

User can create new custom section by entering only ‘/’ symbol in ‘Link’ field

Severity:

Minor

Precondition:

The user is logged in to the app.

Steps to Reproduce:
  1. Click on the menu.
  2. Click ‘+’.
  3. Make sure that the ‘Add custom section’ modal window is opened.
  4. Enter a section title.
  5. Enter a name.
  6. Enter ‘/’ symbol to the ‘Link’ input box.
  7. Click the ‘Save’ button.
Environment:

Google Chrome Version 114.0.5735.199
Microsoft Edge Version 114.0.1823.79
Firefox 115.0.2

Actual Result:

The user is able to create a new custom section with ‘/’ entered in the ‘Link’ field. The application considers ‘/’ value as a valid link.

Expected Result:

There is validation for ‘/’ value.

User can create new custom section by entering only ‘/’ symbol in ‘Link’ field

Wrong tab is highlighted as active when switching between tabs on ‘Features’ page

Severity:

Minor

Precondition:

The user is on the main page of the application.

Steps to Reproduce:
  1. Scroll down to the footer of the page.
  2. Click the ‘Features’ menu item in the ‘Products’ section.
  3. Switch between the features tabs.
Environment:

Google Chrome Version 114.0.5735.199
Microsoft Edge Version 114.0.1823.79
Firefox 115.0.2

Actual Result:

The inappropriate tab is highlighted as active after switching between the features. The feature’s description is displayed correctly but the name of the selected feature is not always highlighted (Prototype, Devtools).

Expected Result:

The tab highlighted as active should correspond to the feature description.

No validation for ‘Date of Birth’ field on ‘Profile’ tab

Severity:

Minor

Precondition:

The user is logged in to the app.

Steps to Reproduce:
  1. Navigate to the user’s profile.
  2. Switch to the ‘Profile’ tab.
  3. Enter an invalid date to the ‘Date of Birth’ field.
  4. Click the ‘Save’ button.
Environment:

Google Chrome Version 114.0.5735.199
Microsoft Edge Version 114.0.1823.79
Firefox 115.0.2

Actual Result:

Confirmation message ‘Saved!’ is displayed. No validation message on invalid dates is displayed. After refreshing the page, the value disappeared.

Expected Result:

A validation message appears if invalid dates are entered.

No validation for ‘Date of Birth’ field on ‘Profile’ tab
During testing I found several critical bugs related to the password recovery and sign-up features as well as issues with validation and non-user-friendly app’s behavior. I recommend performing deep regression testing for the main functionalities to prevent similar occurrences in the future.
Tetiana, QA engineer

Tetiana, QA engineer

Need a reliable QA partner?

Hire us