test(tools): add testcase

WittBulter · WittBulter · commit 9fa7f3d2299c · 2018-01-17T23:57:43.000+08:00
diff --git a/src/utils/tools.ts b/src/utils/tools.ts
@@ -14,7 +14,7 @@ export const isRelativeURL = (path: string) => {
 export const makeResourceReg = (str: string): RegExp => {
   return {
     script: /\<script\s+\S?src\=\"([^"]*)\"/g,
-    style: /\<link\s+\S?\s?href\=\"([^"]*.css)\"/,
+    style: /\<link\s+\S?\s?href\=\"([^"]*.css)\"/g,
   }[str]
 }
 
@@ -32,14 +32,17 @@ export const filterResources = (source: string, type: string): string[] => {
 
 export const listenImageLoad = (images: HTMLImageElement[], done: (url: string) => void)
 : void => {
-  const isCompleted = (imgs: HTMLImageElement[]) => !imgs.length
-  const timer: number = window.setInterval(() => {
-    images = images.map(img => {
-      if (!img.complete) return img
-      done(img.src)
-      return null
-    })
-    .filter(v => !!v)
-    isCompleted(images) && clearInterval(timer)
-  }, 300)
+  images.forEach(img => img.onload = () => done(img.src))
+  // const isCompleted = (imgs: HTMLImageElement[]) => !imgs.length
+  // const timer: number = window.setInterval(() => {
+  //
+  //   // images = images.map(img => {
+  //   //   console.log(img)
+  //   //   if (!img.complete) return img
+  //   //   done(img.src)
+  //   //   return null
+  //   // })
+  //   // .filter(v => !!v)
+  //   isCompleted(images) && clearInterval(timer)
+  // }, 300)
 }
diff --git a/test/utils/check.ts b/test/utils/check.ts
@@ -1,7 +1,7 @@
 import * as Check from '../../src/utils/check'
 import { expect } from 'chai'
 
-describe('Utils function test', () => {
+describe('Check function test', () => {
   
   let _warn: (msg?: any, ...p: any[]) => void
   before(() => {
diff --git a/test/utils/tools.ts b/test/utils/tools.ts
@@ -0,0 +1,47 @@
+import { expect } from 'chai'
+import { filterResources, isRelativeURL } from '../../src/utils/tools'
+
+const scriptMock = `
+<body>
+<script src="host.com/static/hello.js"></script>
+<script src="../static/hello.js"></script>
+<scrip src="../static/error.js"></scrip>
+<script link="../static/error.js"></script>
+</body>
+`
+const scriptResult = 'host.com/static/hello.js'
+
+const styleMock = `
+<head>
+<link href="host.com/static/hello.css">
+<link href="host.com/static/hello.js">
+<link src="host.com/static/hello.css">
+<lin src="../static/error.css">
+<link link="../static/error.css">
+</head>
+`
+const styleResult = 'host.com/static/hello.css'
+
+describe('Tool function test', () => {
+  
+  it('should inspect relative url and return boolean', () => {
+    expect(isRelativeURL('./static/a.html')).to.be.eq(true)
+    expect(isRelativeURL('../static/a.html')).to.be.eq(true)
+    expect(isRelativeURL('.../static/a.html')).to.be.eq(true)
+    expect(isRelativeURL('/static/a.html')).to.be.eq(false)
+    expect(isRelativeURL('www.host.com/static/a.html')).to.be.eq(false)
+  })
+  
+  it('should filter and find scripts', () => {
+    expect(filterResources(scriptMock, 'script'))
+      .to.be.lengthOf(1)
+      .to.be.eqls([scriptResult])
+  })
+  
+  it('should filter and find styles', () => {
+    expect(filterResources(styleMock, 'style'))
+      .to.be.lengthOf(1)
+      .to.be.eqls([styleResult])
+  })
+  
+})
