This package provides a mock to *.scss & *.css files and keeps the class names intact in Jest snapshot
Original markup:
<div class=`container ${css.marginAuto}`>
<section class=`${css.blogSection}`>...</section>
</div>Snapshot markup without transformation:
<div class="container undefined">
<section class="undefined">...</section>
</div>Snapshot markup with transformation:
<div class="container marginAuto">
<section class="blogSection">...</section>
</div> yarn add --dev @ayusharma/jest-css-module-transformerOr
npm install --save-dev @ayusharma/jest-css-module-transformerAdd the following entry in Jest configuration file.
transform: {
'^.+\\.(css|scss)$': '@ayusharma/jest-css-module-transformer'
},
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent