Complete Form Testing Plan #FunctionalTesting

By | November 15, 2018

Forms are one of the major parts of a website. Forms are used to receive information from the users and interact with them. As testers, we need to make sure that the forms of a website work properly and are easy to use. If a form works well, we can receive valuable information from users, while interaction with them becomes much better. So, what we should check when testing forms?

Layout

Is the form layout easy to understand and logical? Are the labels appropriate for each field? A too complicated form with many fields will discourage a great number of users. A higher submission rate can be achieved when the fields are less and look easy to use.

Fields

A form can consist of different type of fields, such as basic text fields, dropdown select fields, checkboxes, and radio buttons. You should check every field to ensure that you can select the correct option or enter text. Since many forms contain a lot of field types, it’s necessary to test your form under different browsers and devices to make sure they look OK everywhere.

Required* Fields

In most of the cases, forms will include a number of mandatory (required) fields. These fields should be clearly marked as required with an asterisk*. It will be easier for users to distinguish which fields are mandatory to fill and which are optional.

A rule of thumb is to click on the Submit button, before filling in any field. In this way, you will have an immediate look at how the validation behaves and check if the mandatory fields are properly highlighted.

Validation Matters

There are 2 validation types: validation on submit and inline validation.

On submit validation occurs when users submit the form. In this case, any problems will be visible to the user when they click on the Submit button. On the other hand, inline validation occurs when users enter data into the form. Generally, inline validation is considered a better practice for increasing the conversion rates.

The Input Validation

It is very useful there is input validation in some fields, for example in telephone number or email address fields. To prevent the submission of wrong data, a helpful validation message can save the situation, kindly warning the users that they have entered incorrect data. Very specific requirements or generic validation messages can actually discourage the users to submit the form. Additionally, you can check text fields if allow different punctuation marks, as some forms block certain characters due to security reasons.

Validation Messages

Every validation message should be helpful for the users, informing them what the problem is. Check that each validation message describes correctly the error. Pay attention to how the message is written; it should be informative and appropriately worded.

Tab, Tab, Tab

Another factor to check when testing a form is the tab order (an important factor for accessibility). A large number of users use the tab key to go to the next field. Check if there is a correct sequence when tabbing through a form and that the cursor goes to the next field properly. You can also check if completing the whole form is possible when only using the keyboard.

The Tooltips

Many form fields have tooltips to present some helpful information to the users when hovering over an icon or over the field itself. If the form you test has tooltips, make sure that every tooltip message is informative and easy to understand.

Prefilled and Preselected Fields

In some cases, there will be prefilled fields automatically, for example when you are a registered user in an e-shop and want to place an order, certain fields can be already filled, such as name and email address. When you test a similar functionality, check also that preselected or prefilled data are correct.

The Thank you Message

Check if when submitting the form, a thanks page or message is displayed, making clear to the users that the submission was successful. Please note that if the form requires a further action after its submission, for example, to confirm a registration via a confirmation link, there should be a related message, informing the users for the follow-up actions they need to complete. If this is the case, you can also check the follow-up email to ensure if the email is properly sent and the links work correctly.

Go Mobile

Last, but not least, make sure you test your forms using popular devices, iOS, and Android. Filling in a form with a mobile device can be tricky sometimes, especially if there are many fields, including checkboxes and radio buttons. Ensure that all field types behave correctly when mobile and you can easily fill in the form and submit.

At the End

As the last shot, test what happens when a user submits the form. Do you receive an email with all the details of the form? Is the data correctly saved in the database?

If you have completed all the above steps, then you can rest assured you did an excellent form testing!

Congratulations!

 

 

If you liked, share!

39 thoughts on “Complete Form Testing Plan #FunctionalTesting

  1. Avatargamefly free trial

    Hi, i think that i saw you visited my website so i came
    to “return the favor”.I’m attempting to find things
    to enhance my website!I suppose its ok to use some of your ideas!!

    Reply
  2. Avatargamefly free trial

    If you are going for most excellent contents like I do, simply pay a visit this site everyday because
    it gives quality contents, thanks

    Reply
  3. Avatargamefly free trial

    Hi to all, how is everything, I think every one is getting more from
    this web page, and your views are nice in support of
    new viewers.

    Reply
  4. Avatargamefly free trial

    It is perfect time to make some plans for the longer term and it’s time to be happy.

    I have learn this put up and if I may just I wish to recommend you some interesting issues
    or suggestions. Perhaps you could write next articles
    referring to this article. I wish to read more things about it!

    Reply
  5. Avatargamefly free trial

    I blog often and I really appreciate your information.
    This great article has really peaked my interest.
    I’m going to bookmark your blog and keep checking for
    new information about once a week. I subscribed to your Feed as well.

    Reply
  6. Avatargamefly free trial

    Magnificent goods from you, man. I’ve understand your stuff previous to and you are just extremely magnificent.

    I really like what you have acquired here, certainly
    like what you are stating and the way in which you say it.
    You make it entertaining and you still care for to keep it
    wise. I can’t wait to read far more from you. This is really a terrific web site.

    Reply
  7. Avatargamefly free trial

    Hi everyone, it’s my first visit at this web site, and piece of writing is actually fruitful designed for
    me, keep up posting these articles or reviews.

    Reply
  8. Avatargamefly free trial

    Greetings from Florida! I’m bored at work so I decided to browse your website on my iphone during lunch break.
    I enjoy the knowledge you provide here and can’t wait to take a look when I get home.
    I’m shocked at how quick your blog loaded
    on my cell phone .. I’m not even using WIFI, just 3G ..

    Anyways, good blog!

    Reply
  9. Avatarps4 exclusive games

    This design is wicked! You definitely know how to keep a reader
    amused. Between your wit and your videos, I was almost moved to start my
    own blog (well, almost…HaHa!) Wonderful job.

    I really loved what you had to say, and more than that, how you presented it.
    Too cool!

    Reply
  10. Avatartinyurl.com

    I know this site gives quality based articles or reviews
    and other material, is there any other website which gives such
    stuff in quality?

    Reply
  11. Avatartinyurl.com

    I was very happy to find this website. I wanted to thank
    you for your time for this particularly wonderful read!!

    I definitely appreciated every part of it and i also have you book-marked to check out new things
    on your website.

    Reply
  12. Avatartinyurl.com

    This design is spectacular! You most certainly know how to keep a reader entertained.

    Between your wit and your videos, I was almost moved to start my own blog
    (well, almost…HaHa!) Fantastic job. I really loved what you had to say, and more than that, how you presented it.
    Too cool!

    Reply
  13. Avatarj.mp

    Hi! I’m at work browsing your blog from my new iphone!
    Just wanted to say I love reading through your blog and look forward to all your posts!
    Carry on the excellent work!

    Reply
  14. Avatartinyurl.com

    I think the admin of this web page is actually working hard in favor of
    his web site, since here every material is quality based information.

    Reply
  15. Avatarplaystation 4 best games ever made 2019

    I think that is among the so much significant information for me.

    And i am glad reading your article. But should statement on some normal issues, The site taste is great,
    the articles is really excellent : D. Good task, cheers

    Reply
  16. Avatartinyurl.com

    Greate article. Keep writing such kind of information on your page.
    Im really impressed by it.
    Hey there, You’ve done an incredible job. I’ll certainly digg it and individually recommend to my friends.
    I’m confident they will be benefited from this website.

    Reply
  17. Avatarquest bars cheap

    An impressive share! I’ve just forwarded
    this onto a coworker who had been conducting a little
    homework on this. And he actually ordered me breakfast because I discovered it for him…
    lol. So allow me to reword this…. Thanks for the meal!!

    But yeah, thanks for spending some time to talk about
    this topic here on your internet site.

    Reply
  18. Avatartinyurl.com

    An outstanding share! I have just forwarded this onto a colleague who has been doing a little research on this.
    And he in fact bought me lunch simply because I discovered
    it for him… lol. So allow me to reword this…. Thanks for the meal!!
    But yeah, thanks for spending time to discuss this subject here on your blog.

    Reply
  19. Avatardata togel hk

    Whats up are using WordPress for your blog platform? I’m new to the blog world but I’m trying to get started and set up my own. Do you require any html coding expertise to make your own blog? Any help would be really appreciated!

    Reply
  20. Avatarquest bars cheap

    Hello this is kind of of off topic but I was wondering if
    blogs use WYSIWYG editors or if you have to manually code with HTML.
    I’m starting a blog soon but have no coding knowledge so I wanted to get advice
    from someone with experience. Any help would be enormously appreciated!

    Reply
  21. Avatarplenty of fish dating site

    Heya great blog! Does running a blog similar to this
    take a great deal of work? I have absolutely no understanding of coding however I was hoping to
    start my own blog in the near future. Anyway, if you have any
    recommendations or techniques for new blog owners please share.

    I understand this is off subject but I just wanted to ask.
    Many thanks!

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *