https://blog.wu-boy.com/tags/jest/Recent content in Jest on 小惡魔 - AppleBOYHugoen-usappleboy.tw@gmail.com (Appleboy)appleboy.tw@gmail.com (Appleboy)Tue, 11 Aug 2015 03:31:58 +0000https://blog.wu-boy.com/2015/08/facebook-react-jest-with-webpack/Tue, 11 Aug 2015 03:31:58 +0000appleboy.tw@gmail.com (Appleboy)https://blog.wu-boy.com/2015/08/facebook-react-jest-with-webpack/<div style="margin:0 auto; text-align:center"> <a data-flickr-embed="true" href="https://www.flickr.com/photos/appleboy/19850322514/in/dateposted-public/" title="logo_og"><img src="https://i2.wp.com/farm1.staticflickr.com/462/19850322514_1f88fd5d6c_n.jpg?resize=320%2C320&#038;ssl=1" alt="logo_og" data-recalc-dims="1" /></a> </div> <p>寫 <a href="http://facebook.github.io/react/">Facebook React</a> 就是要搭配 <a href="https://webpack.github.io/">Webpack</a>，Webpack 已經是前端開發的必備工具，要測試 React Component 就是要用 Facebook 開發的 <a href="http://facebook.github.io/jest/">Jest 框架</a>，使用 Webpack 也許會搭配 <a href="http://lesscss.org/">Less</a> or <a href="http://sass-lang.com/">Sass</a> Loader 讓每個 component 都可以獨立有 CSS 檔案。要在 JS 內直接引入 CSS 檔案寫法如下</p> <div> <pre class="brush: jscript; title: ; notranslate" title="">import '!style!css!less!./Schedule.less'; import React, { Component } from 'react';</pre> </div>