測試工具： - mocha & chai (斷言庫) - jest (vue 主推) ## :-: mocha ``` // 測試文件要放到 test/unit/ 文件夾下、 // 測試文件必須以 xxx.spec.js 結尾、或 xxx.test.js // npm run test:unit // 引入測試工具 import { expect } from 'chai'; // 測試用例 it('-- test 單元', () => { // 斷言 // 判斷相等 expect(123).to.be.equal(123); // 基本類型 // deep -- 可以讓其后的斷言不是比較對象本身，而是遞歸比較對象的鍵值對、 expect({ abc: 123 }).to.be.deep.equal({ abc: 123 }); // 引用值 expect({ abc: 123 }).to.be.eql({ abc: 123 }); // 引用值(簡寫) // 判斷不等 expect(2).to.be.not.equal(1); // 判斷大于 expect(10).to.be.above(5); expect(10).to.be.greaterThan(5); // 判斷小于 expect(5).to.be.below(10); expect(5).to.be.lessThan(10); // 判斷大于等于 expect(10).to.be.at.least(10); expect(10).to.be.not.lessThan(10); // 判斷小于等于 expect(5).to.be.at.most(5); expect(5).to.be.not.greaterThan(5); // 判斷長度 expect([1, 2, 3]).to.be.lengthOf(3); // 判斷為truthy，(真值：除了false、undefined、null、正負0、NaN、''的值) expect(1).to.be.ok; // 判斷為true、false、null、undefined、NaN expect(true).to.be.true; expect(false).to.be.false; expect(null).to.be.null; expect(undefined).to.be.undefined; expect(NaN).to.be.NaN; // 判斷包含 expect('xxxxx').to.be.include('x'); // 包含 expect('xxxxx').to.be.contain('x'); // 包含 expect('xxxxx').to.be.match(/x/); // 正則匹配 // --------------------------------------- // expect().to.be.equal() // expect({}).to.be.equal({}) // 斷言失敗 // deep -- 可以讓其后的斷言不是比較對象本身，而是遞歸比較對象的鍵值對、 expect({}).to.be.deep.equal({}); // deep的簡寫 ( expect(xxx).to.be.deep.equal(xxx) ) expect({}).to.be.eql({}); }); ``` :-: xxx.spec.js ``` const abs = num => { if (typeof(num) !== 'number') return NaN; if (num < 0) return -num; return num; }, add = (...rest) => rest.reduce((prev, next) => { return prev + next; }); export { abs, add }; ``` ``` // 測試文件要放到 test/unit/ 文件夾下、 // 測試文件必須以 xxx.spec.js 結尾、或 xxx.test.js // npm run test:unit // 引入測試工具 import { expect } from 'chai'; // 引入要測試的組件 import { abs, add } from '@/xxx.js'; // describe -- 分組(套件) describe('abs函數', () => { it('正數', () => { expect(abs(123)).to.be.equal(123); }); it('負數', () => { expect(abs(-321)).to.be.equal(321); }); it('0', () => { expect(abs(0)).to.be.equal(0); expect(abs(-0)).to.be.equal(0); }); it('傳入非數返回NaN', () => { expect(abs('')).to.be.eql(NaN); expect(abs(null)).to.be.eql(NaN); expect(abs(undefined)).to.be.eql(NaN); expect(abs([])).to.be.eql(NaN); expect(abs({})).to.be.eql(NaN); expect(abs(true)).to.be.eql(NaN); expect(abs(false)).to.be.eql(NaN); expect(abs(NaN)).to.be.eql(NaN); }); }); // describe -- 分組(套件) describe('add函數', () => { it('求和', () => { expect(add(1, 2, 3, 4)).to.be.equal(10); }); }); /* MOCHA Testing... √ -- test 單元 abs函數 √ 正數 √ 負數 √ 0 √ 傳入非數返回NaN add函數 √ 求和 6 passing (444ms) MOCHA Tests completed successfully */ ```