npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

make-fixture

v1.2.6

Published

A tiny npm package that provides a quick and easy method for creating new references to fixture objects for testing.

Downloads

2,910

Readme

Make Fixture

Introduction

This is a very light-weight npm package that provides a quick and easy method for creating new references to fixture objects for testing.

The Why

JavaScript is a pass-by-reference language. This means that, when you pass a variable into a function, the function has the ability to change the original value of the variable. This can wreak all manor of havoc and writing immutable JS has exploded in popularity in recent years in response.

But not all code that we work with will always be immutable. And our team found pretty quickly that non-immutable code could make unit testing a horrifically painful experience. We were working on a number of codebases with crazy data that could include JS objects neste 4, 5, or 6+ layers down. When it came time to unit test these codebases, we simply created JS objects and started throwing those into our tests. We quickly started seeing early tests throwing off later ones because the objects were being changed by those first tests and throwing off the results of the later tests.

At first, our solution was to utilize lodash's cloneDeep function. But then every single one of our tests started with deep cloning (an expensive operation) insanely large JS objects (an exponentially more expensive operation). This quick first pass at solving this problem was not scalable.

The Solution

So Robbie came up with the idea behind make-fixture. At first, we utilized JS classes and the new operator every time we wanted to create a new fixture of a certain type. This was a little cumbersome of an implementation, but it was better than the alternative!

Then Kevin noticed that the only reason we were doing this was to force JS to pick a new spot in memory each time it created new fixture data. They suggested that we could accomplish the same thing by instantiating the default fixture object inside of a new function call. Every time the function was called, a new const variable would be declared, and a brand new spot in memory would be chosen for the new fixture object. This implementation was far cleaner and it's the one in this package.

Examples

One fixture at a time

Using the make-fixture package is dead-simple. Just take a look at the examples in the examples directory! To create a new type of fixture object (let's use the makeCompanyFixture example in examples/company.ts), just declare a function named makeCompanyFixture that takes an overrides parameter. This parameter is optional and a TS Partial of the type of fixture object you're creating.

Create a default object of type Company. (We've found that it's good practice to only create default values for the key-value-pairs that are NOT optional. You can always create those optional parameters for one specific test or another by passing them in with your call to your custom make____Fixture function.) Then just pass your defaults into make-fixture's makeFixture function, which will override the defaults with whatever overrides are passed in!

Many fixtures at once

Before v1.1.0, if you wanted to generate a group of fixtures at once, you would have to call one of your makeFixture functions over and over. Copying and pasting just a function call is one thing, but what if you needed to generate every one of the resulting fixtures with one key being a unique identifier? Well now, you had to override every single call to your makeFixture function with a unique identifier. This was a pain and the whole reason computers exist is to remove mindless, repetitive tasks from our day-to-day.

With release v1.1.0, we've added a new function, makeFixtures (we're creative), which will take two new parameters, a count parameter and a uniqueIdentifierKey parameter. The count, obviously, is the number of fixtures you need for your given scenario. The uniqueIdentifierKey is the name of the key that is the unique identifier for a given fixture object. The value of this key-value pair must be either a string or a number. The makeFixtures function will automatically generate a unique identifier of the correct type for each fixture in the array it passes back to you! Hooray for automation!

Take a look at the company.ts file to see an example of this in action!

TypeScript

We highly recommend TypeScript on any project being written in JS! make-fixture is TS-friendly and TS automatically infers all types going into and out of your custom make____Fixture functions!