webpack-testing-1's Introduction

Module Bundler + Testing

This repository goes through a series of guided exercises over configuration details that come up with module bundlers and testing. Specifically these cover webpack and jest.

These exercises expect you to the following tools installed:

Node
yarn

webpack-testing-1's People

Contributors

Stargazers

Watchers

webpack-testing-1's Issues

style loader feedback

In step 4 you indicate the usage of yarn run dev to see a failure. After providing the fix in steps 5 and 6, step 7 indicates the user should see the resolution with yarn test. I think you should insert a step that illustrates yarn run dev works, and instruct the user to view the results in the browser.
In step 8 and 10 you indicate some additional properties should be added to the moduleNameMapper section of jest's configuration. The code snippet appears like so:

"moduleNameMapper": {
  "\\.(css|less)$": "<rootDir>/__mocks__/styleMock.js"

I think it would be clearer if you showed this:

  "\\.(css|less)$": "<rootDir>/__mocks__/styleMock.js"

...and said to insert it into moduleNameMapper. The way you show the code snippet now makes me think the section should be wholesale replaced.

In step 9 you reference colloquially "the tests rely on on CSS Module behaviour to lookup smaller parts of the rendered components." What CSS Module behaviour?
On step 11 you dive into an explanation of what identity-obj-proxy is doing but I find it rather opaque. Perhaps you could introduce a series of additional steps showing what it's actually doing in an interactive way?

Recommend Projects