mirror of https://github.com/layui/layui
贤心
3 years ago
parent
cd55717ee2
commit
40a0c5b25e
@ -1,2 +0,0 @@
|
|||||||
# 说明
|
|
||||||
自动化测试用例，由 @xuexb 贡献
|
|
||||||
@ -1,193 +0,0 @@
|
|||||||
/**
|
|
||||||
* @file code - 测试
|
|
||||||
* @author xuexb <fe.xiaowu@gmail.com>
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* global layui */
|
|
||||||
/* eslint-disable max-nested-callbacks, fecs-indent */
|
|
||||||
|
|
||||||
var laycode = layui.code;
|
|
||||||
var $ = layui.$;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 创建dom元素, 并返回 jquery 对象
|
|
||||||
*
|
|
||||||
* @inner
|
|
||||||
*
|
|
||||||
* @param {string} html 标签
|
|
||||||
*
|
|
||||||
* @return {jQuery}
|
|
||||||
*/
|
|
||||||
var createNode = function (html) {
|
|
||||||
return $(html).addClass('test-node').appendTo('body');
|
|
||||||
};
|
|
||||||
|
|
||||||
describe('code', function () {
|
|
||||||
// 输出测试节点
|
|
||||||
beforeEach(function () {
|
|
||||||
createNode('<div id="test-div"></div>');
|
|
||||||
});
|
|
||||||
|
|
||||||
// 删除节点
|
|
||||||
afterEach(function () {
|
|
||||||
$('.test-node').remove();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('css loaded', function () {
|
|
||||||
expect($('#layuicss-skincodecss').length).to.equal(1, 'css link 节点必须存在');
|
|
||||||
});
|
|
||||||
|
|
||||||
it('default params', function () {
|
|
||||||
expect(function () {
|
|
||||||
laycode();
|
|
||||||
}).to.not.throw();
|
|
||||||
|
|
||||||
createNode('<pre class="layui-code"><div class="layui-code-div">123</div></pre>');
|
|
||||||
laycode();
|
|
||||||
|
|
||||||
expect($('.layui-code').hasClass('layui-code-view')).to.equal(true, '元素的样式名必须包含 layui-code-view');
|
|
||||||
expect($('.layui-code').find('.layui-code-div').length).to.equal(1, '默认没有 encode');
|
|
||||||
expect($('.layui-code').find('.layui-code-h3 a').length).to.equal(1, '默认有版权元素');
|
|
||||||
});
|
|
||||||
|
|
||||||
it('options.elem', function () {
|
|
||||||
createNode('<pre class="layui-test"><div>123</div></pre>');
|
|
||||||
|
|
||||||
laycode();
|
|
||||||
expect($('.layui-test').hasClass('layui-code-view')).to.be.false;
|
|
||||||
|
|
||||||
laycode({
|
|
||||||
elem: '.layui-test'
|
|
||||||
});
|
|
||||||
expect($('.layui-test').hasClass('layui-code-view')).to.be.true;
|
|
||||||
});
|
|
||||||
|
|
||||||
it('options.title', function () {
|
|
||||||
createNode('<pre class="layui-code"><div>123</div></pre>');
|
|
||||||
|
|
||||||
laycode({
|
|
||||||
title: 'layui',
|
|
||||||
|
|
||||||
// 主要是版权和标题在一个元素内
|
|
||||||
about: false
|
|
||||||
});
|
|
||||||
|
|
||||||
expect($('.layui-code-h3').text()).to.equal('layui', '判断标题元素');
|
|
||||||
});
|
|
||||||
|
|
||||||
it('options.height', function () {
|
|
||||||
createNode('<pre class="layui-code"><div>123</div></pre>');
|
|
||||||
|
|
||||||
laycode({
|
|
||||||
height: 100
|
|
||||||
});
|
|
||||||
|
|
||||||
expect($('.layui-code-ol').css('maxHeight')).to.equal('100px', '判断ol元素的最大高');
|
|
||||||
});
|
|
||||||
|
|
||||||
it('options.encode', function () {
|
|
||||||
createNode('<pre class="layui-code"><div class="layui-code-div">123\'"</div></pre>');
|
|
||||||
|
|
||||||
laycode({
|
|
||||||
encode: true
|
|
||||||
});
|
|
||||||
|
|
||||||
expect($('.layui-code').find('.layui-code-div').length).to.equal(0, 'encode 后元素被转义');
|
|
||||||
});
|
|
||||||
|
|
||||||
it('options.skin', function () {
|
|
||||||
createNode('<pre class="layui-code"><div class="layui-code-div">123</div></pre>');
|
|
||||||
|
|
||||||
laycode({
|
|
||||||
skin: 'notepad'
|
|
||||||
});
|
|
||||||
|
|
||||||
expect($('.layui-code-notepad').length).to.equal(1, '自定义风格存在');
|
|
||||||
});
|
|
||||||
|
|
||||||
it('options.about', function () {
|
|
||||||
createNode('<pre class="layui-code"><div class="layui-code-div">123</div></pre>');
|
|
||||||
|
|
||||||
laycode({
|
|
||||||
about: false
|
|
||||||
});
|
|
||||||
|
|
||||||
expect($('.layui-code').find('.layui-code-h3 a').length).to.equal(0, '不输出版权元素');
|
|
||||||
});
|
|
||||||
|
|
||||||
it('attr lay-title', function () {
|
|
||||||
createNode('<pre class="layui-code" lay-title="layui"><div>123</div></pre>');
|
|
||||||
|
|
||||||
laycode({
|
|
||||||
// 主要是版权和标题在一个元素内
|
|
||||||
about: false
|
|
||||||
});
|
|
||||||
|
|
||||||
expect($('.layui-code-h3').text()).to.equal('layui', '判断标题元素');
|
|
||||||
});
|
|
||||||
|
|
||||||
it('attr lay-height', function () {
|
|
||||||
createNode('<pre class="layui-code" lay-height="100px"><div>123</div></pre>');
|
|
||||||
|
|
||||||
laycode();
|
|
||||||
|
|
||||||
expect($('.layui-code-ol').css('maxHeight')).to.equal('100px', '判断ol元素的最大高');
|
|
||||||
});
|
|
||||||
|
|
||||||
it('attr lay-encode', function () {
|
|
||||||
createNode('<pre class="layui-code" lay-encode="true"><div class="layui-code-div">123</div></pre>');
|
|
||||||
|
|
||||||
laycode();
|
|
||||||
|
|
||||||
expect($('.layui-code').find('.layui-code-div').length).to.equal(0, 'encode 后元素被转义');
|
|
||||||
});
|
|
||||||
|
|
||||||
it('attr lay-skin', function () {
|
|
||||||
createNode('<pre class="layui-code" lay-skin="notepad"><div class="layui-code-div">123</div></pre>');
|
|
||||||
|
|
||||||
laycode();
|
|
||||||
|
|
||||||
expect($('.layui-code-notepad').length).to.equal(1, '自定义风格存在');
|
|
||||||
});
|
|
||||||
|
|
||||||
it('multiple nested', function () {
|
|
||||||
createNode([
|
|
||||||
'<pre class="layui-code">',
|
|
||||||
'<div class="layui-code-div">123</div>',
|
|
||||||
'<pre class="layui-code"><div class="layui-code-div">123</div></pre>',
|
|
||||||
'</pre>'
|
|
||||||
].join(''));
|
|
||||||
|
|
||||||
laycode();
|
|
||||||
|
|
||||||
expect($('.layui-code-view').length).to.equal(2, '必须输出2个代码块');
|
|
||||||
expect($('.layui-code-h3').length).to.equal(2, '必须输出2个标题元素');
|
|
||||||
});
|
|
||||||
|
|
||||||
it('multiple init', function () {
|
|
||||||
createNode('<pre class="layui-code"><div class="layui-code-div">123</div></pre>');
|
|
||||||
|
|
||||||
laycode();
|
|
||||||
expect($('.layui-code-view').length).to.equal(1);
|
|
||||||
expect($('.layui-code-h3').length).to.equal(1);
|
|
||||||
|
|
||||||
laycode();
|
|
||||||
expect($('.layui-code-view').length).to.equal(1, '同标签多次调用时 view 层只有一个');
|
|
||||||
expect($('.layui-code-h3').length).to.equal(2, '多次调用输出多个标题元素');
|
|
||||||
});
|
|
||||||
|
|
||||||
it('multiple line', function () {
|
|
||||||
var html = [];
|
|
||||||
|
|
||||||
for (var i = 0; i < 300; i++) {
|
|
||||||
html.push('<div class="layui-code-div">layui</div>');
|
|
||||||
}
|
|
||||||
|
|
||||||
createNode('<pre class="layui-code">' + html.join('\n') + '</pre>');
|
|
||||||
|
|
||||||
laycode();
|
|
||||||
|
|
||||||
expect($('.layui-code-div').length).to.equal(300);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
/* eslint-enable max-nested-callbacks, fecs-indent */
|
|
||||||
File diff suppressed because it is too large
Load Diff
@ -1,230 +0,0 @@
|
|||||||
/**
|
|
||||||
* @file laytpl - 测试
|
|
||||||
* @author xuexb <fe.xiaowu@gmail.com>
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* global layui */
|
|
||||||
/* eslint-disable max-nested-callbacks, fecs-indent */
|
|
||||||
|
|
||||||
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 }}<div></div>').render({
|
|
||||||
name: '<em>laytpl</em>'
|
|
||||||
});
|
|
||||||
expect(result).to.equal('<em>laytpl</em><div></div>');
|
|
||||||
});
|
|
||||||
|
|
||||||
it('escape result', function () {
|
|
||||||
var result = laytpl('{{= d.name }}<div></div>').render({
|
|
||||||
name: '<em>laytpl</em>'
|
|
||||||
});
|
|
||||||
expect(result).to.equal('<em>laytpl</em><div></div>');
|
|
||||||
});
|
|
||||||
|
|
||||||
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('data');
|
|
||||||
expect(result).to.have.string('ReferenceError');
|
|
||||||
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('SyntaxError');
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
/* eslint-enable max-nested-callbacks, fecs-indent */
|
|
||||||
@ -1,601 +0,0 @@
|
|||||||
/**
|
|
||||||
* @file layui - 测试
|
|
||||||
* @author xuexb <fe.xiaowu@gmail.com>
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* global layui */
|
|
||||||
/* eslint-disable max-nested-callbacks, fecs-indent */
|
|
||||||
|
|
||||||
var $ = layui.$;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 是否基于`phantomjs`测试, 因为有些特殊的case在ie中是不可用的, 比如: `window.event = {}`
|
|
||||||
*
|
|
||||||
* @type {boolean}
|
|
||||||
*/
|
|
||||||
var IS_PHANTOMJS = layui.device('phantomjs').phantomjs;
|
|
||||||
|
|
||||||
describe('layui', function () {
|
|
||||||
it('version', function () {
|
|
||||||
expect(layui.v).to.be.a('string');
|
|
||||||
expect(layui.v).to.not.be.empty;
|
|
||||||
});
|
|
||||||
|
|
||||||
it('layui.config', function () {
|
|
||||||
expect(layui.config()).to.deep.equal(layui);
|
|
||||||
expect(layui.config({
|
|
||||||
testName: 'layui'
|
|
||||||
})).to.deep.equal(layui);
|
|
||||||
expect(layui.cache.testName).to.equal('layui');
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('layui.router', function () {
|
|
||||||
var defaultData = {
|
|
||||||
path: [],
|
|
||||||
search: {},
|
|
||||||
hash: ''
|
|
||||||
};
|
|
||||||
|
|
||||||
it('default params', function () {
|
|
||||||
expect(layui.router).to.be.a('function');
|
|
||||||
expect(layui.router()).to.be.a('object').and.deep.equal(defaultData);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('error router', function () {
|
|
||||||
[
|
|
||||||
null,
|
|
||||||
'',
|
|
||||||
'#123',
|
|
||||||
'123',
|
|
||||||
'##'
|
|
||||||
].forEach(function (key) {
|
|
||||||
expect(layui.router(key)).to.deep.equal(defaultData);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
it('router querystring', function () {
|
|
||||||
expect(layui.router('#/a=1/b=2/c=')).to.deep.equal($.extend({}, defaultData, {
|
|
||||||
href: '/a=1/b=2/c=',
|
|
||||||
search: {
|
|
||||||
a: '1',
|
|
||||||
b: '2',
|
|
||||||
c: ''
|
|
||||||
}
|
|
||||||
}));
|
|
||||||
|
|
||||||
expect(layui.router('#/a=测试/b=2').search).to.deep.equal({
|
|
||||||
a: '测试',
|
|
||||||
b: '2'
|
|
||||||
});
|
|
||||||
|
|
||||||
// todo
|
|
||||||
// urlencode
|
|
||||||
// urldecode
|
|
||||||
});
|
|
||||||
|
|
||||||
it('router hash', function () {
|
|
||||||
expect(layui.router('#/name#layui')).to.deep.equal($.extend({}, defaultData, {
|
|
||||||
hash: '#layui',
|
|
||||||
path: ['name'],
|
|
||||||
href: '/name#layui'
|
|
||||||
}));
|
|
||||||
expect(layui.router('#/name#layui').hash).to.equal('#layui');
|
|
||||||
expect(layui.router('#/name#layui=1').hash).to.equal('#layui=1');
|
|
||||||
expect(layui.router('#/name##layui').hash).to.equal('##layui');
|
|
||||||
expect(layui.router('#/name=1#layui').hash).to.equal('#layui');
|
|
||||||
expect(layui.router('#/name=1/b=2#layui').hash).to.equal('#layui');
|
|
||||||
});
|
|
||||||
|
|
||||||
it('router path', function () {
|
|
||||||
expect(layui.router('#/a/b/c=2#hash')).to.deep.equal({
|
|
||||||
path: ['a', 'b'],
|
|
||||||
search: {
|
|
||||||
c: '2'
|
|
||||||
},
|
|
||||||
hash: '#hash',
|
|
||||||
href: '/a/b/c=2#hash'
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('layui.each', function () {
|
|
||||||
it('check params', function () {
|
|
||||||
expect(layui.each).to.be.a('function');
|
|
||||||
expect(layui.each()).to.deep.equal(layui);
|
|
||||||
expect(layui.each({})).to.deep.equal(layui);
|
|
||||||
expect(layui.each([])).to.deep.equal(layui);
|
|
||||||
expect(layui.each({}, function () {})).to.deep.equal(layui);
|
|
||||||
expect(layui.each([], function () {})).to.deep.equal(layui);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('null params', function (done) {
|
|
||||||
var index = 0;
|
|
||||||
layui.each(null, function (index) {
|
|
||||||
index += 1;
|
|
||||||
});
|
|
||||||
setTimeout(function () {
|
|
||||||
expect(index).to.equal(0);
|
|
||||||
done();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
it('object each', function (done) {
|
|
||||||
layui.each({
|
|
||||||
name: 'layui'
|
|
||||||
}, function (key, value) {
|
|
||||||
expect(this + '').to.deep.equal(value).and.equal('layui');
|
|
||||||
expect(key).to.equal('name');
|
|
||||||
done();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
it('array each', function (done) {
|
|
||||||
layui.each([
|
|
||||||
'layui'
|
|
||||||
], function (index, value) {
|
|
||||||
expect(this + '').to.deep.equal(value).and.equal('layui');
|
|
||||||
expect(index).to.equal(0);
|
|
||||||
done();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
it('break array each', function () {
|
|
||||||
var arr = new Array(100).join(',').split(',');
|
|
||||||
var flag = -1;
|
|
||||||
layui.each(arr, function (index) {
|
|
||||||
flag = index;
|
|
||||||
if (index > 5) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
expect(flag).to.equal(6);
|
|
||||||
|
|
||||||
flag = -1;
|
|
||||||
layui.each(arr, function (index) {
|
|
||||||
flag = index;
|
|
||||||
if (index > 5) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
expect(flag).to.equal(99);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('break object each', function () {
|
|
||||||
var obj = {
|
|
||||||
name: 'layui',
|
|
||||||
version: '2.x'
|
|
||||||
};
|
|
||||||
var flag = null;
|
|
||||||
layui.each(obj, function (key) {
|
|
||||||
flag = key;
|
|
||||||
return true;
|
|
||||||
});
|
|
||||||
expect(flag).to.equal('name');
|
|
||||||
|
|
||||||
flag = null;
|
|
||||||
layui.each(obj, function (key) {
|
|
||||||
flag = key;
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
expect(flag).to.equal('version');
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('layui.img', function () {
|
|
||||||
var base64 = 'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';
|
|
||||||
it('success callback', function (done) {
|
|
||||||
layui.img(base64, function (img) {
|
|
||||||
expect(img).to.not.undefined;
|
|
||||||
expect(typeof(img)).to.equal('object', '是img对象');
|
|
||||||
expect(img.nodeType).to.equal(1, 'img标签节点');
|
|
||||||
|
|
||||||
// 在ie11中不通过, 原因目前不明
|
|
||||||
// expect(img.width).to.equal(1);
|
|
||||||
// expect(img.height).to.equal(1);
|
|
||||||
done();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
it('error callback', function (done) {
|
|
||||||
layui.img('/api/mock?statusCode=404', function () {}, function (e) {
|
|
||||||
expect(e).to.not.undefined;
|
|
||||||
done();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// 先删除, 因为没有哪个图片是决定不变的
|
|
||||||
// it('http 200', function (done) {
|
|
||||||
// layui.img('https://www.baidu.com/img/bd_logo1.png', function (img) {
|
|
||||||
// expect(img).to.not.undefined;
|
|
||||||
// done();
|
|
||||||
// });
|
|
||||||
// });
|
|
||||||
|
|
||||||
// 由于没有超时配置, 在部分设备中, dns解析可能超时
|
|
||||||
// it('http 404', function (done) {
|
|
||||||
// layui.img('http://www.404.xx/logo.404.gif', function () {}, function (e) {
|
|
||||||
// expect(e).to.not.undefined;
|
|
||||||
// done();
|
|
||||||
// });
|
|
||||||
// });
|
|
||||||
|
|
||||||
it('load complete', function (done) {
|
|
||||||
layui.img(base64, function () {
|
|
||||||
layui.img(base64, function (img) {
|
|
||||||
expect(img).to.not.undefined;
|
|
||||||
done();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
it('layui.hint', function () {
|
|
||||||
expect(layui.hint).to.be.a('function');
|
|
||||||
expect(layui.hint()).to.be.a('object');
|
|
||||||
expect(layui.hint().error).to.be.a('function');
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('layui.stope', function () {
|
|
||||||
it('stopPropagation', function (done) {
|
|
||||||
layui.stope({
|
|
||||||
stopPropagation: function (e) {
|
|
||||||
expect(e).to.be.undefined;
|
|
||||||
done();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
it('cancelBubble', function () {
|
|
||||||
var event = {};
|
|
||||||
layui.stope(event);
|
|
||||||
expect(event.cancelBubble).to.be.true;
|
|
||||||
});
|
|
||||||
|
|
||||||
// ie中不支持, 只针对phantomjs测试
|
|
||||||
if (IS_PHANTOMJS) {
|
|
||||||
it('window.event', function () {
|
|
||||||
var old = window.event;
|
|
||||||
var event = window.event = {};
|
|
||||||
layui.stope();
|
|
||||||
expect(event.cancelBubble).to.be.true;
|
|
||||||
window.event = old;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('layui.onevent', function () {
|
|
||||||
it('check params and return value', function () {
|
|
||||||
expect(layui.onevent).to.be.a('function');
|
|
||||||
expect(layui.onevent()).to.deep.equal(layui);
|
|
||||||
expect(layui.onevent([], [], [])).to.deep.equal(layui);
|
|
||||||
expect(layui.onevent({}, {}, {})).to.deep.equal(layui);
|
|
||||||
expect(layui.onevent('test-' + Date.now(), 'click', function () {})).to.not.deep.equal(layui);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('bind event', function (done) {
|
|
||||||
var id = 'test-bind-event';
|
|
||||||
var data = {
|
|
||||||
name: 'layui'
|
|
||||||
};
|
|
||||||
layui.onevent(id, 'click', function (param) {
|
|
||||||
expect(this).to.deep.equal(layui);
|
|
||||||
expect(param).to.deep.equal(data);
|
|
||||||
done();
|
|
||||||
});
|
|
||||||
layui.event(id, 'click', data);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('coverage of the same name event', function () {
|
|
||||||
var id = 'test-same-event';
|
|
||||||
var index = 0;
|
|
||||||
layui.onevent(id, 'click', function () {
|
|
||||||
index = 1;
|
|
||||||
});
|
|
||||||
layui.onevent(id, 'click', function () {
|
|
||||||
index = 2;
|
|
||||||
});
|
|
||||||
layui.event(id, 'click');
|
|
||||||
expect(index).to.equal(2);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('layui.event', function () {
|
|
||||||
it('trigger event', function (done) {
|
|
||||||
layui.onevent('test-trigger', 'click(*)', function (data) {
|
|
||||||
expect(data).to.be.true;
|
|
||||||
done();
|
|
||||||
});
|
|
||||||
layui.event('test-trigger', 'click(*)', true);
|
|
||||||
});
|
|
||||||
|
|
||||||
it.skip('trigger multiple', function () {
|
|
||||||
var index = 0;
|
|
||||||
var id = 'test-trigger-multiple';
|
|
||||||
layui.onevent(id, 'nav', function () {
|
|
||||||
index += 1;
|
|
||||||
});
|
|
||||||
layui.event(id, 'nav');
|
|
||||||
layui.event(id, 'nav');
|
|
||||||
layui.event(id, 'nav');
|
|
||||||
expect(index).to.equal(3);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('return value', function () {
|
|
||||||
expect(layui.event('id', 'event')).to.be.null;
|
|
||||||
|
|
||||||
// 只有在返回 false 时, 结果才是 false
|
|
||||||
layui.onevent('test-return-value-1', 'click', function (data) {
|
|
||||||
return data;
|
|
||||||
});
|
|
||||||
expect(layui.event('test-return-value-1', 'click', false)).to.be.false;
|
|
||||||
expect(layui.event('test-return-value-1', 'click', true)).to.be.null;
|
|
||||||
expect(layui.event('test-return-value-1', 'click')).to.be.null;
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('layui.sort', function () {
|
|
||||||
var numberData = [
|
|
||||||
{
|
|
||||||
name: 1
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 3
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 2
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
it('check params and return value', function () {
|
|
||||||
expect(layui.sort()).to.deep.equal([], '空参数时默认为空数组');
|
|
||||||
|
|
||||||
expect(layui.sort({})).to.deep.equal({}, '只传空对象默认返回');
|
|
||||||
expect(layui.sort({
|
|
||||||
name: 'layui'
|
|
||||||
})).to.deep.equal({
|
|
||||||
name: 'layui'
|
|
||||||
}, '只传一个对象参数时返回');
|
|
||||||
|
|
||||||
expect(layui.sort([{
|
|
||||||
name: 'layui'
|
|
||||||
}], 'name')).to.deep.equal([{
|
|
||||||
name: 'layui'
|
|
||||||
}]);
|
|
||||||
|
|
||||||
expect(layui.sort([{
|
|
||||||
name: 'layui'
|
|
||||||
}], 'name', true)).to.deep.equal([{
|
|
||||||
name: 'layui'
|
|
||||||
}]);
|
|
||||||
});
|
|
||||||
|
|
||||||
// 测试是否污染原数据
|
|
||||||
it('clone object', function () {
|
|
||||||
var clone = layui.sort(numberData, 'name');
|
|
||||||
|
|
||||||
// 往clone对象添加
|
|
||||||
clone.push('layui');
|
|
||||||
|
|
||||||
expect(clone).to.have.lengthOf(4);
|
|
||||||
expect(numberData).to.have.lengthOf(3);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('format value number', function () {
|
|
||||||
var result = layui.sort([
|
|
||||||
{
|
|
||||||
key: '1'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: '-1'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 2
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 3
|
|
||||||
}
|
|
||||||
], 'key');
|
|
||||||
expect(result).to.deep.equal([
|
|
||||||
{
|
|
||||||
key: '-1'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: '1'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 2
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 3
|
|
||||||
}
|
|
||||||
]);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('asc order', function () {
|
|
||||||
var result = layui.sort(numberData, 'name');
|
|
||||||
expect(result).to.deep.equal([
|
|
||||||
{
|
|
||||||
name: 1
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 2
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 3
|
|
||||||
}
|
|
||||||
]);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('desc order', function () {
|
|
||||||
var result = layui.sort(numberData, 'name', true);
|
|
||||||
expect(result).to.deep.equal([
|
|
||||||
{
|
|
||||||
name: 3
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 2
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 1
|
|
||||||
}
|
|
||||||
]);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('error data', function () {
|
|
||||||
var data = [
|
|
||||||
// null,
|
|
||||||
{
|
|
||||||
name: 5
|
|
||||||
},
|
|
||||||
{},
|
|
||||||
[],
|
|
||||||
'test',
|
|
||||||
{
|
|
||||||
name: '3'
|
|
||||||
}
|
|
||||||
];
|
|
||||||
expect(layui.sort(data, 'name')).to.deep.equal([
|
|
||||||
{},
|
|
||||||
[],
|
|
||||||
'test',
|
|
||||||
{
|
|
||||||
name: '3'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 5
|
|
||||||
}
|
|
||||||
]);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
it('layui.device', function () {
|
|
||||||
expect(layui.device).to.be.a('function');
|
|
||||||
expect(layui.device()).to.be.a('object');
|
|
||||||
expect(layui.device().ie).to.be.not.undefined;
|
|
||||||
expect(layui.device().ios).to.be.not.undefined;
|
|
||||||
expect(layui.device().android).to.be.not.undefined;
|
|
||||||
expect(layui.device().weixin).to.be.a('boolean');
|
|
||||||
expect(layui.device('weixin').weixin).to.be.false;
|
|
||||||
expect(layui.device('.*')['.*']).to.be.not.empty;
|
|
||||||
expect(layui.device('layui.com')['layui.com']).to.be.false;
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('layui.getStyle', function () {
|
|
||||||
it('real test', function () {
|
|
||||||
var elem = $('<div />').css({
|
|
||||||
position: 'fixed',
|
|
||||||
zIndex: 10
|
|
||||||
}).appendTo('body').get(0);
|
|
||||||
|
|
||||||
expect(layui.getStyle(elem, 'position')).to.equal('fixed');
|
|
||||||
expect(layui.getStyle(elem, 'z-index')).to.equal('10');
|
|
||||||
});
|
|
||||||
|
|
||||||
it('mock currentStyle', function (done) {
|
|
||||||
var node = {
|
|
||||||
currentStyle: {
|
|
||||||
getPropertyValue: function (name) {
|
|
||||||
expect(name).to.equal('layui');
|
|
||||||
done();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
layui.getStyle(node, 'layui');
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
it('layui.extend', function () {
|
|
||||||
expect(layui.extend).to.be.a('function');
|
|
||||||
expect(layui.extend()).to.deep.equal(layui);
|
|
||||||
expect(layui.extend({
|
|
||||||
v: 'v',
|
|
||||||
util: 'util'
|
|
||||||
})).to.deep.equal(layui);
|
|
||||||
|
|
||||||
var id = 'test-extend-' + Date.now();
|
|
||||||
var data = {};
|
|
||||||
data[id] = id;
|
|
||||||
expect(layui.modules[id]).to.be.undefined;
|
|
||||||
layui.extend(data);
|
|
||||||
expect(layui.modules[id]).to.be.not.undefined;
|
|
||||||
expect(layui.modules[id]).to.equal(id);
|
|
||||||
delete layui.modules[id];
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('layui.data', function () {
|
|
||||||
if (IS_PHANTOMJS) {
|
|
||||||
it('not support JSON', function () {
|
|
||||||
var old = window.JSON;
|
|
||||||
window.JSON = null;
|
|
||||||
expect(layui.data()).to.be.undefined;
|
|
||||||
window.JSON = {};
|
|
||||||
expect(layui.data()).to.be.undefined;
|
|
||||||
window.JSON = old;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 在支持情况下才测试
|
|
||||||
if (window.localStorage) {
|
|
||||||
it('delete table data', function() {
|
|
||||||
var id = 'test-delete-data';
|
|
||||||
localStorage[id] = true;
|
|
||||||
expect(localStorage[id]).to.equal('true');
|
|
||||||
expect(layui.data(id, null)).to.be.true;
|
|
||||||
expect(localStorage[id]).to.be.undefined;
|
|
||||||
});
|
|
||||||
|
|
||||||
it('get table data', function () {
|
|
||||||
var table = 'test-get-table-data';
|
|
||||||
expect(layui.data(table)).to.deep.equal({});
|
|
||||||
|
|
||||||
layui.data(table, {
|
|
||||||
key: 'name',
|
|
||||||
value: 'layui'
|
|
||||||
});
|
|
||||||
expect(layui.data(table)).to.deep.equal({
|
|
||||||
name: 'layui'
|
|
||||||
});
|
|
||||||
|
|
||||||
// 删除数据
|
|
||||||
layui.data(table, null);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('get data', function () {
|
|
||||||
var id = 'test-get-data';
|
|
||||||
|
|
||||||
// 直接获取肯定为空
|
|
||||||
expect(layui.data(null, id)).to.be.undefined;
|
|
||||||
|
|
||||||
// 写入数据
|
|
||||||
expect(layui.data(null, {
|
|
||||||
key: id,
|
|
||||||
value: true
|
|
||||||
})).to.be.true;
|
|
||||||
|
|
||||||
expect(layui.data(null, id)).to.be.true;
|
|
||||||
|
|
||||||
// 清除数据
|
|
||||||
layui.data(null, {
|
|
||||||
key: id,
|
|
||||||
remove: true
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
it('remove data', function () {
|
|
||||||
var id = 'test-remove-data';
|
|
||||||
|
|
||||||
layui.data(null, {
|
|
||||||
key: id,
|
|
||||||
value: true
|
|
||||||
});
|
|
||||||
expect(layui.data(null, id)).to.be.true;
|
|
||||||
layui.data(null, {
|
|
||||||
key: id,
|
|
||||||
remove: true
|
|
||||||
});
|
|
||||||
expect(layui.data(null, id)).to.be.undefined;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
/* eslint-enable max-nested-callbacks, fecs-indent */
|
|
||||||
Loading…
Reference in new issue