Generating test data in JSON format is a lifesaver when developing Angular apps while waiting for the WEB API. It ensures that you can continue building and testing your application without being held back. With mock data, you can simulate the data your app would receive from the actual API, allowing you to develop and test components that interact with this data. It also helps Identify how your app deals with different data scenarios and helps iron out bugs before the real data comes in.

Raymond, a skilled front-end developer, was deep into building a CRM application with Angular. The catch? His backend team was still crafting the Web API to provide the data. Not one to twiddle his thumbs, Raymond turned to ParroFile, a free online data generation tool, to create a dataset in JSON format. This way, he could continue working on his application without skipping a beat. ParroFile let him tweak the JSON format and fill it with any values he needed for testing. Here is the test file Raymond created with ParroFile:

  • FirstName First name of the customer
  • LastName Last name of the customer
  • Profession Profession of the customer
  • Age Age of the customer
  • FullName Full name of the customer
  • CustomerID Customer ID
  • CustomerID_Helper Helper field of CustomerID
  • Birthday Birthday of the customer
  • Birthday_Helper Birthday Helper
  • Company Company of the customer
  • Email
  • PrimaryPhoneNumber Primary phone number of customer
  • SecondaryPhoneNumber Secondary phone number of customer
  • PreferredContactMethod Preferred contact method of the customer
  • Gender Gender of the customer
.
.
  • +
    to
    .
    ->
    ->
    +
  • +
    to
    .
    ->
    ->
    +
  • +
    to
    .
    ->
    ->
    +
  • +
    to
    .
    ->
    ->
    +
  • +
    to
    .
    ->
    ->
    +
  • +
    to
    .
    ->
    ->
    +
  • +
    to
    .
    ->
    ->
    +
  • +
    to
    .
    ->
    ->
    +
  • +
    to
    .
    ->
    ->
    +
  • +
    to
    .
    ->
    ->
    +
  • +
    to
    .
    ->
    ->
    +
  • +
    to
    .
    ->
    ->
    +
  • +
    to
    .
    ->
    ->
    +
  • +
    to
    .
    ->
    ->
    +
  • +
    to
    .
    ->
    ->
    +

Weeks later, when the backend team finally unveiled their Web API, they were astonished. Raymond's front-end application seamlessly integrated with the new API. He had already tested it with countless datasets, covering all sorts of scenarios. Their combined efforts meshed perfectly, thanks to Raymond’s foresight and meticulous testing.

Raymond leaned back in his chair, a satisfied smile playing on his lips, and took a well-deserved sip of his tea. His hard work and strategic thinking had paid off.