Lodash: sinon useFakeTimers and lodash

Created on 26 Jul 2016 · 3Comments · Source: lodash/lodash

I realize this has been asked twice:

https://github.com/lodash/lodash/issues/304

It's still unclear to me how runInContext fixes the local references problem. In my project, I want to simulate input changes and count autocomplete calls.

// form.js

import { debounce } from "lodash"

class Form extends Component {
  componentWillMount () {
    this.search = debounce(this.search, 300)
  }

  search(query) {
    this.props.searchUsers(query)
  }

  onChange(ev) {
    this.search(ev.target.value)
  }
}

// form-test.js

import sinon from "sinon"
import { runInContext } from "lodash"
import Form from "./form"

it("should debounce autocomplete", () => {
  const clock = sinon.useFakeTimers()

  // runInContext somehow?

  clock.restore()
})

Wouldn't runInContext create a new lodash instance? How would my component use that instance?

I realize I could pass debounce in as a function property, stub it out, and re-implement debounce, but the purpose of the black box test is to make sure nobody removes the debouncing logic in the future.

To fix the problem, I used the debounce npm package instead.