DEV Community

Shobi
Shobi

Posted on

I have created a chrome extension to paste random data to form fields 🎷πŸ₯

Hey guys,

Since the last two days I was working on a chrome extension, which can insert fake data to form fields. and finally I have published it in chrome web store, you can check it out ⚑️ here ⚑️

I was tinkering around typescript for a few days and then I thought yes. I should do something with typescript.🀠

And one day my colleague was testing a feature where he needs to fill a lot of forms, he was copying lorem ipsum from one site and pasting it into the form field. I told him, Man... you can do better, check for a chrome extension and you can fill the form easily for testing purpose.

He did a search and found some extensions which were helping him. but still, the copy paste part was involved, (ie: you click on the extension icon, it will give a popup and you need to copy it from there and paste it in the form. ) which of course was not up to the mark.

And moreover there is no support for data like a credit card, names, address, zip code etc... and yes β˜ƒοΈ, I got my idea for a chrome extension and again I can try doing it in typescript and it will be good to learn the chrome API's as well. yay... yay...

I took faker.js as a starting point and it can generate almost any type/amount of fake data as required.and its a widely accepted library for unit testing purpose as well.

But as the project progressed, it took 2 entire nights to figure out the typescript intricacies, and the chrome extension architecture, Then I was like, okay... rather than doing a full-blown extension, let me create a version, where it can give a random text for a given length and publish a beta. Then from there I can keep adding features.

Today I did it 🍾🍾🍾

So at this point, after the installation of the extension, you need to press
Alt + Shift + I, and then give a length in the prompt box. Your last focused input field will be filled with random data.

Extension Url - https://chrome.google.com/webstore/detail/random-text-generator/lmealcdbihjhocippaajjhijhjciaojo
Github Repo - https://github.com/ppshobi/chrome-random-text-generator %}

So guys... please test it out. Let me know the issues here or in the github issues page. If you would like to contribute I would be glad to guide you as well. ❀️❀️❀️

Short Demo Video

Top comments (7)

Collapse
 
bgadrian profile image
Adrian B.G.

You should read about Fuzzy testing, I think you are on to something :D

Collapse
 
ppshobi profile image
Shobi

Sure... Thanks for the suggestion. I have given basic validation on the input though :)

Collapse
 
jsonruhls profile image
Jason Ruhlin

Nice work Shobi! I'm gonna play around with it and see how I can contribute back.

Collapse
 
ppshobi profile image
Shobi

Sure... Thanks

Collapse
 
slaffik profile image
Slava Abakumov

Both links to a Chrome extension are wrong (leading to a Google's "The requested URL was not found on this server." error page).

Collapse
 
ppshobi profile image
Shobi

That is the worst mistake i have done. :( I have updated the links.

chrome.google.com/webstore/detail/...

Collapse
 
jigarhalani profile image
joy

Amazing bro.
So finally you solved my problem from copying from lorem ipsum
Thanks bro