From 1c55deb97c30109b382f77796f70ddfd290ea4d4 Mon Sep 17 00:00:00 2001 From: xuexb Date: Wed, 23 Aug 2017 12:29:47 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=B5=8B=E8=AF=95=E7=94=A8?= =?UTF-8?q?=E4=BE=8B=E5=92=8C=E6=B5=8B=E8=AF=95=E9=85=8D=E7=BD=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- karma.conf.js | 126 +++++++++++++++++++++++++++ test/laytpl.js | 227 +++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 353 insertions(+) create mode 100644 karma.conf.js create mode 100644 test/laytpl.js diff --git a/karma.conf.js b/karma.conf.js new file mode 100644 index 00000000..25709a18 --- /dev/null +++ b/karma.conf.js @@ -0,0 +1,126 @@ +/** + * @file karma自动化测试配置 + * @author fe.xiaowu@gmail.com + */ + +/** + * 源文件 + * + * @type {Array} + */ +var sourceFileMap = [ + 'src/layui.js', + 'src/lay/modules/jquery.js', + 'src/lay/modules/carousel.js', + 'src/lay/modules/code.js', + 'src/lay/modules/element.js', + 'src/lay/modules/flow.js', + 'src/lay/modules/form.js', + 'src/lay/modules/laydate.js', + 'src/lay/modules/layedit.js', + 'src/lay/modules/layer.js', + 'src/lay/modules/laypage.js', + 'src/lay/modules/laytpl.js', + 'src/lay/modules/table.js', + 'src/lay/modules/tree.js', + 'src/lay/modules/upload.js', + 'src/lay/modules/util.js', + 'src/lay/modules/mobile/zepto.js', + 'src/lay/modules/mobile/layer-mobile.js', + 'src/lay/modules/mobile/upload-mobile.js', +]; + +/** + * 测试覆盖率文件, 要忽略 jquery.js、zepto.js + * + * @type {Object} + */ +var coverageFileMap = {}; +sourceFileMap.filter(function (uri) { + return !/(jquery|zepto)\.js$/.test(uri); +}).forEach(function (uri) { + coverageFileMap[uri] = ['coverage']; +}); + +module.exports = function(config) { + config.set({ + + // base path that will be used to resolve all patterns (eg. files, exclude) + basePath: '', + + // Important: 所有插件必须在此声明 + plugins: ['karma-*'], + + // frameworks to use + // available frameworks: https://npmjs.org/browse/keyword/karma-adapter + // Important: 下列数组中文件将『逆序载入』 + frameworks: ['mocha', 'chai', 'chai-sinon'], + + + // list of files / patterns to load in the browser + files: sourceFileMap.concat('test/**/*.js'), + + + // list of files to exclude + exclude: [], + + + // preprocess matching files before serving them to the browser + // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor + preprocessors: coverageFileMap, + + + // test results reporter to use + // possible values: 'dots', 'progress' + // available reporters: https://npmjs.org/browse/keyword/karma-reporter + reporters: [ + 'mocha' + // 'coverage' + ], + + coverageReporter: { + // specify a common output directory + dir: '.', + reporters: [ + // { type: 'html', subdir: 'report-html' }, + { + type: 'lcov', + subdir: 'coverage' + }, + { + type: 'text-summary' + } + ] + }, + + + // web server port + port: 9876, + + + // enable / disable colors in the output (reporters and logs) + colors: true, + + + // level of logging + // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG + // Note: 如果要调试Karma，请设置为DEBUG + logLevel: config.LOG_INFO, + + // start these browsers + // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher + browsers: [ + 'PhantomJS' + ], + + + // enable / disable watching file and executing tests whenever any file changes + // Note: 代码改动自动运行测试，需要singleRun为false + autoWatch: false, + + // Continuous Integration mode + // if true, Karma captures browsers, runs the tests and exits + // 脚本调用请设为 true + singleRun: true + }); +}; \ No newline at end of file diff --git a/test/laytpl.js b/test/laytpl.js new file mode 100644 index 00000000..cb047a66 --- /dev/null +++ b/test/laytpl.js @@ -0,0 +1,227 @@ +/** + * @file laytpl - 测试 + * @author xuexb + */ + +/* global layui */ + +var laytpl = layui.laytpl; + +describe('laytpl', function () { + it('param is error', function () { + [ + [], {}, + null, + 1, + true + ].forEach(function (key) { + expect(laytpl(key)).to.have.string('Laytpl Error'); + }); + }); + + it('async render callback', function (done) { + expect(laytpl('').render()).to.have.string('Laytpl Error'); + + laytpl('{{ d.name }}是一位公猿').render({ + name: '贤心' + }, function (result) { + expect(result).to.equal('贤心是一位公猿'); + done(); + }); + }); + + it('sync result', function () { + var result = laytpl('{{ d.name }}是一位公猿').render({ + name: '贤心' + }); + expect(result).to.equal('贤心是一位公猿'); + }); + + it('cached', function () { + var compile = laytpl('{{ d.name }}'); + + expect(compile.render({ + name: 1 + })).to.equal('1'); + + expect(compile.render({ + name: 2 + })).to.equal('2'); + }); + + it('unescape result', function () { + var result = laytpl('{{ d.name }}
').render({ + name: 'laytpl' + }); + expect(result).to.equal('laytpl
'); + }); + + it('escape result', function () { + var result = laytpl('{{= d.name }}
').render({ + name: 'laytpl' + }); + expect(result).to.equal('<em>laytpl</em>
'); + }); + + describe('typeof result', function () { + it('string', function () { + expect(laytpl('{{ d.name }}').render({ + name: 1 + })).to.be.a('string'); + + expect(laytpl([ + '{{# ', + ' if (true) {', + ' return "1";', + ' }', + '}}' + ].join('')).render({})).to.be.a('string'); + }); + + // 表达式返回boolean + it('boolean', function () { + expect(laytpl([ + '{{# ', + ' if (true) {', + ' return true;', + ' }', + '}}' + ].join('')).render({})).to.be.a('boolean'); + }); + + it('number', function () { + expect(laytpl([ + '{{# ', + ' if (true) {', + ' return 1;', + ' }', + '}}' + ].join('')).render({})).to.be.a('number'); + }); + }); + + describe('method config', function () { + // reset + afterEach(function () { + laytpl.config({ + open: '{{', + close: '}}' + }); + }); + + it('typeof', function () { + expect(laytpl.config).to.be.a('function'); + }); + + it('param is empty', function () { + expect(laytpl.config()).to.be.undefined; + }); + + it('set open', function () { + laytpl.config({ + open: '<%' + }); + + var result = laytpl([ + '<%# var name = "laytpl"; }}', + '你好, <% name }}, <% d.date }}' + ].join('')).render({ + date: '2017' + }); + expect(result).to.equal('你好, laytpl, 2017'); + }); + + it('set open and close', function () { + laytpl.config({ + open: '<%', + close: '%>' + }); + + var result = laytpl([ + '<%# var name = "laytpl"; %>', + '你好, <% name %>, <% d.date %>' + ].join('')).render({ + date: '2017' + }); + expect(result).to.equal('你好, laytpl, 2017'); + }); + }); + + describe('js expression', function () { + it('var', function () { + var result = laytpl('{{# var type = 1; }}{{ type }}{{ d.name }}').render({ + name: 2 + }); + expect(result).to.equal('12'); + }); + + it('function', function () { + var result = laytpl('{{# var fn = function () {return "ok"}; }}{{ fn() }}').render({}); + expect(result).to.equal('ok'); + }); + + it('for', function () { + var result = laytpl([ + '{{# ', + ' var fn = function () {', + ' var num = 0;', + ' for (var i = 0; i < 10;i++) {', + ' num += 1;', + ' }', + ' return num', + ' };', + '}}', + '{{# ', + ' var name = "laytpl";', + '}}', + '你好, {{ name }}, {{ d.name }}, {{ fn() }}' + ].join('')).render({ + name: 'ok' + }); + expect(result).to.equal('你好, laytpl, ok, 10'); + }); + + it('if else', function () { + var result; + result = laytpl([ + '{{# ', + ' if (true) {', + ' return true;', + ' }', + ' else {', + ' return false', + ' }', + '}}' + ].join('')).render({}); + expect(result).to.be.true; + + result = laytpl([ + '{{# ', + ' if (!true) {', + ' return true;', + ' }', + ' else {', + ' return false', + ' }', + '}}' + ].join('')).render({}); + expect(result).to.be.false; + }); + }); + + describe('parse error', function () { + it('error var', function () { + var result = laytpl('{{ data.xxoo }}').render({}); + + expect(result).to.have.string('Can\'t find variable: data'); + expect(result).to.have.string('Laytpl Error'); + }); + + it('error expression', function () { + var result = laytpl('{{# var xxoo = ; }}').render({}); + + expect(result).to.have.string('Laytpl Error'); + expect(result).to.have.string('Unexpected token \';\''); + }); + }); +});