add test for external components

Author: LinXi

package.json

@@ -50,6 +50,7 @@
     "eslint-plugin-promise": "^3.5.0",
     "eslint-plugin-standard": "^3.0.1",
     "file-loader": "^0.11.1",
+    "iview-weapp": "^2.0.0",
     "jest": "^19.0.2",
     "mkdirp": "^0.5.1",
     "rimraf": "^2.6.1",

test/src/js/pages/index/index.json

@@ -1,5 +1,6 @@
 {
   "usingComponents": {
-    "index-component": "../../components/index-component/index-component"
+    "index-component": "../../components/index-component/index-component",
+    "i-alert": "../../components/iview-weapp/dist/alert/index"
   }
 }

test/src/js/pages/index/index.wxml

@@ -7,5 +7,8 @@
   <view class="usermotto">
     <text class="user-motto">{{motto}}</text>
     <view bindtap="goToSubList">go to subPackages</view>
+    <i-alert type="success">
+      An success prompt
+    </i-alert>
   </view>
 </view>

test/webpack.config.babel.js

@@ -35,11 +35,30 @@ export default {
 					name: '[name].[ext]',
 				}
 			},
+			{
+				test: /\.(wxss|wxml|json|png)$/,
+				include: /node_modules/,
+				loader: 'file-loader',
+				options: {
+					useRelativePath: false,
+					name: (filePath) => {
+						const flag = 'node_modules/';
+						const index = filePath.indexOf(flag);
+						if (index !== -1) {
+							const targetPath = filePath.substring(index + flag.length).split('.')[0];
+							return `./components/${targetPath}.[ext]`;
+						}
+						return `[name].[ext]`;
+					},
+				}
+			},
 		],
 	},
 	plugins: [
 		new WXAppWebpackPlugin({
 			extensions: [`.${ext}`, '.js'],
+			externalComponents: ['iview-weapp'],
+			externalComponentsDirectory: '../../../node_modules/',
 		}),
 	],
 	devtool: 'source-map',