better screenshot

clean-scripts.config.js

@@ -29,15 +29,17 @@ module.exports = {
       const { createServer } = require('http-server')
       const puppeteer = require('puppeteer')
       const fs = require('fs')
+      const beautify = require('js-beautify').html
       const server = createServer()
       server.listen(8000)
       const browser = await puppeteer.launch()
       const page = await browser.newPage()
+      await page.emulate({ viewport: { width: 1440, height: 900 }, userAgent: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.113 Safari/537.36' })
       for (const type of ['vue', 'react', 'angular']) {
         await page.goto(`http://localhost:8000/demo/${type}`)
         await page.screenshot({ path: `demo/${type}/screenshot.png`, fullPage: true })
         const content = await page.content()
-        fs.writeFileSync(`demo/${type}/screenshot-src.html`, content)
+        fs.writeFileSync(`demo/${type}/screenshot-src.html`, beautify(content))
       }
       server.close()
       browser.close()

package.json

@@ -41,6 +41,7 @@
     "http-server": "0.10.0",
     "image2base64-cli": "2.1.0",
     "jasmine": "2.7.0",
+    "js-beautify": "1.6.14",
     "karma": "1.7.0",
     "karma-chrome-launcher": "2.2.0",
     "karma-firefox-launcher": "1.0.1",

tslint.json

@@ -25,6 +25,7 @@
         "no-unused-expression": [
             true,
             "allow-new"
-        ]
+        ],
+        "no-submodule-imports": false
     }
 }