fix(e2e): 兼容windows

re #80

Author: fanniehuang

packages/wxa-cli/README.md

@@ -8,15 +8,17 @@
 * 已知bug：
     * 暂无
 * 待优化&计划：
-    * 截屏用的图片比对条件过于苛刻，稍微有些偏移就报错；理想情况：整体页面稍微有些偏移不应报错，因小程序rpx单位渲染，有小数点的时候，每次渲染不能保证位置一致，导致整体页面有位移，想调整下图片比对调节，时下能不能忽略偏移。
+    * 截屏用的图片比对条件过于苛刻，稍微有些偏移就报错；理想情况：整体页面稍微有些偏移不应报错，因小程序rpx单位渲染，有小数点的时候，每次渲染不能保证位置一致，导致整体页面有位移，需调整图片比对参数，试下能不能忽略偏移。
+    * -r录制模式也自动用开发者工具打开当前项目，每次录制完生成用例后，自动回到小程序首页
     * 不带-r参数时，即回放模式，仅添加元素id（回放测试用例时能找到对应元素），不侵入过多代码（现在会劫持各种tap等事件，植入全局按钮组件）
     * 高大上网页版测试报告
     * 【用例复用】：支持用例复用-公共用例不用重复录制（如：登陆模块只需要录制一次，其他用例复用，当登录模块更改时，只需要重新录制一次登录，不需要每个用例都重新录制）
+    * 简化配置步骤，对测试更友好点
     * 【真机】：支持真机
     * 【服务器】：有个公共服务器解决用例执行的问题
     * 各种未知bug
 
-2020年3月10日
+2020年3月11日
 # 使用手册
 
 ### 安装
@@ -25,12 +27,13 @@
 * 项目目录下执行命令 `npm i -DE miniprogram-automator looks-same jest`
 
 ### 测试脚本录制
+1. 微信开发者工具 - 设置 - 安全设置 - 打开服务端口
 1. 微信开发者工具，打开对应项目，勾选`不校验合法域名`（src/project.config.json需同步修改urlCheck:false）
 2. windows系统，wxa.config.js里增加属性`wechatwebdevtools `，配置微信开发者工具的安装目录
 
 	```
 	module.exports = {
-		wechatwebdevtools: "D:\....(开发者工具安装目录)"
+		wechatwebdevtools: "C:/Program Files (x86)/Tencent/微信web开发者工具"
 		.....
 	}
 

packages/wxa-cli/src/tester/wxa-e2eTest/e2eTestCaseTpl.ejs

@@ -8,7 +8,7 @@ import looksSame from 'looks-same';
 let miniProgram;
 let page;
 let testCaseNameArr = JSON.parse('<%- testCaseNameArr %>')
-let testDir = '<%- testDir %>';
+let testDir = '<%= testDir %>';
 let screenshotDirname = '<%- screenshotPath %>'
 let screenshotDiff = <%- screenshotDiff %>;
 let base = <%- base %>;
@@ -56,14 +56,18 @@ for (let j = 0; j < testCaseNameArr.length; j++) {
         if (base) {
             try {
                 fs.rmdirSync(screenshotDir);
-            } catch (err) {}
+            } catch (err) {
+                console.log(err)
+            }
         }
         try {
             fs.mkdirSync(screenshotDir)
             if (!base) {
                 fs.mkdirSync(diffDir);
             }
-        } catch(err) {}
+        } catch(err) {
+            console.log(err);
+        }
 
         let record = require(path.join(testDir, testName, `./record.js`));
         let screenCount = 0;
@@ -142,7 +146,7 @@ for (let j = 0; j < testCaseNameArr.length; j++) {
         // await miniprogram.restoreWxMethod('request');
         let same = await screenShot({
             screenshotDir,
-            screenCount: ++screenCount,
+            screenCount: screenCount,
             diff: screenshotDiff || record[record.length - 1].sceeenshotDiff
         })
         // 无diff图片，则比对通过

packages/wxa-cli/src/tester/wxa-e2eTest/runTestCase.js

@@ -38,7 +38,7 @@ export default async function(cmd, wxaConfigs) {
     // 开发者工具clipath
     let clipath = {
         darwin: '/Contents/MacOS/cli',
-        win32: '/cli.bat',
+        win32: `/cli.bat`,
     };
     let {cliPath} = cmd;
     let cli = cliPath || path.join(wxaConfigs.wechatwebdevtools, clipath[process.platform]);
@@ -65,10 +65,10 @@ export default async function(cmd, wxaConfigs) {
         }
 
         let recordString = await testCase2js({
-            cliPath: cli,
+            cliPath: cli.split(path.sep).join('/'),
             testCaseNameArr: JSON.stringify(testCaseNameArr),
-            testDir,
-            screenshotPath,
+            testDir: testDir.split(path.sep).join('/'),
+            screenshotPath: screenshotPath.replace(' ', '_').replace(/:/g, '.'),
             base: !!cmd.base,
             screenshotDiff: screenshotDiff,
             noMockApi: !!cmd.noMock,
@@ -83,7 +83,7 @@ export default async function(cmd, wxaConfigs) {
 
 
     try {
-        execSync(`npx jest ${path.join(testDir, '.cache', 'index.test.js')}`, {
+        execSync(`npx jest ${path.join(testDir, '.cache', 'index.test.js').split(path.sep).join('/')}`, {
             stdio: 'inherit'
         });
         process.exit(0);