lxm_front/eruda
1
0
Fork 0
mirror of synced 2025-11-06 04:21:11 +08:00
Code Issues Projects Releases Wiki Activity

style: tests

Browse Source
This commit is contained in:
surunzi
2019-12-16 17:55:59 +08:00
parent b1f4157f10
commit 07404492db
15 changed files with 438 additions and 395 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@@ -8,7 +8,7 @@
"build": "webpack --config script/webpack.release.js && shx rm stringifyWorker.js.map",
"dev": "webpack-dev-server --config script/webpack.dev.js --host 0.0.0.0",
"test": "karma start && remap-istanbul -i coverage/coverage-final.json -o coverage/coverage-remapped.json -t json && node script/coverage && shx rm src/index.js.map",
"format": "prettier *.js eustia/*.js src/**/*.{js,scss,css} script/*.js test/*.{js} --write",
"format": "prettier *.js eustia/*.js src/**/*.{js,scss,css} script/*.js test/*.{js,html} --write",
"lint": "eslint src/**/*.js",
"lint:fix": "npm run lint -- --fix",
"setup": "node script/cpTestLib",

35
test/console.html
View File

@@ -1,17 +1,22 @@
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Console</title>
<link rel="stylesheet" href="lib/jasmine.css">
<script src="lib/jquery.js"></script>
<script src="lib/jasmine.js"></script>
<script src="lib/jasmine-html.js"></script>
<script src="assets/eruda.js"></script>
<script src="boot.js"></script>
</head>
<body>
<script>boot('console');</script>
</body>
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
/>
<title>Console</title>
<link rel="stylesheet" href="lib/jasmine.css" />
<script src="lib/jquery.js"></script>
<script src="lib/jasmine.js"></script>
<script src="lib/jasmine-html.js"></script>
<script src="assets/eruda.js"></script>
<script src="boot.js"></script>
</head>
<body>
<script>
boot('console')
</script>
</body>
</html>

4
test/console.js
View File

@@ -103,9 +103,7 @@ describe('console', function() {
it('style', function() {
tool.log('%cblue%cgreen', 'color:blue', 'color:green')
expect($(log(0))).toContainText(
'bluegreen'
)
expect($(log(0))).toContainText('bluegreen')
})
it('Repeat log', function() {

35
test/elements.html
View File

@@ -1,17 +1,22 @@
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Elements</title>
<link rel="stylesheet" href="lib/jasmine.css">
<script src="lib/jquery.js"></script>
<script src="lib/jasmine.js"></script>
<script src="lib/jasmine-html.js"></script>
<script src="assets/eruda.js"></script>
<script src="boot.js"></script>
</head>
<body>
<script>boot('elements');</script>
</body>
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
/>
<title>Elements</title>
<link rel="stylesheet" href="lib/jasmine.css" />
<script src="lib/jquery.js"></script>
<script src="lib/jasmine.js"></script>
<script src="lib/jasmine-html.js"></script>
<script src="assets/eruda.js"></script>
<script src="boot.js"></script>
</head>
<body>
<script>
boot('elements')
</script>
</body>
</html>

35
test/eruda.html
View File

@@ -1,17 +1,22 @@
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Features</title>
<link rel="stylesheet" href="lib/jasmine.css">
<script src="lib/jquery.js"></script>
<script src="lib/jasmine.js"></script>
<script src="lib/jasmine-html.js"></script>
<script src="assets/eruda.js"></script>
<script src="boot.js"></script>
</head>
<body>
<script>boot('eruda');</script>
</body>
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
/>
<title>Features</title>
<link rel="stylesheet" href="lib/jasmine.css" />
<script src="lib/jquery.js"></script>
<script src="lib/jasmine.js"></script>
<script src="lib/jasmine-html.js"></script>
<script src="assets/eruda.js"></script>
<script src="boot.js"></script>
</head>
<body>
<script>
boot('eruda')
</script>
</body>
</html>

134
test/index.html
View File

@@ -1,66 +1,70 @@
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Eruda Test Page</title>
<link rel="stylesheet" href="style.css">
<script src="assets/eruda.js"></script>
</head>
<body>
<header>ERUDA TEST PAGE</header>
<nav id="test-list">
<ul>
<li>
<a href="eruda.html">eruda</a>
</li>
<li>
<a href="console.html">console</a>
</li>
<li>
<a href="elements.html">elements</a>
</li>
<li>
<a href="network.html">network</a>
</li>
<li>
<a href="resources.html">resources</a>
</li>
<li>
<a href="sources.html">sources</a>
</li>
<li>
<a href="info.html">info</a>
</li>
<li>
<a href="snippets.html">snippets</a>
</li>
<li>
<a href="settings.html">settings</a>
</li>
<li>
<a href="manual.html">manual</a>
</li>
</ul>
</nav>
<script>
(function () {
let el = document.createElement('div');
document.body.appendChild(el);
setTimeout(function () {
try
{
eruda.init({
container: el,
useShadowDom: false
});
} catch (e)
{
alert(e);
}
eruda.show().get().config.set('displaySize', 50);
}, 1000);
})();
</script>
</body>
</html>
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
/>
<title>Eruda Test Page</title>
<link rel="stylesheet" href="style.css" />
<script src="assets/eruda.js"></script>
</head>
<body>
<header>ERUDA TEST PAGE</header>
<nav id="test-list">
<ul>
<li>
<a href="eruda.html">eruda</a>
</li>
<li>
<a href="console.html">console</a>
</li>
<li>
<a href="elements.html">elements</a>
</li>
<li>
<a href="network.html">network</a>
</li>
<li>
<a href="resources.html">resources</a>
</li>
<li>
<a href="sources.html">sources</a>
</li>
<li>
<a href="info.html">info</a>
</li>
<li>
<a href="snippets.html">snippets</a>
</li>
<li>
<a href="settings.html">settings</a>
</li>
<li>
<a href="manual.html">manual</a>
</li>
</ul>
</nav>
<script>
;(function() {
let el = document.createElement('div')
document.body.appendChild(el)
setTimeout(function() {
try {
eruda.init({
container: el,
useShadowDom: false
})
} catch (e) {
alert(e)
}
eruda
.show()
.get()
.config.set('displaySize', 50)
}, 1000)
})()
</script>
</body>
</html>

35
test/info.html
View File

@@ -1,17 +1,22 @@
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Info</title>
<link rel="stylesheet" href="lib/jasmine.css">
<script src="lib/jquery.js"></script>
<script src="lib/jasmine.js"></script>
<script src="lib/jasmine-html.js"></script>
<script src="assets/eruda.js"></script>
<script src="boot.js"></script>
</head>
<body>
<script>boot('info');</script>
</body>
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
/>
<title>Info</title>
<link rel="stylesheet" href="lib/jasmine.css" />
<script src="lib/jquery.js"></script>
<script src="lib/jasmine.js"></script>
<script src="lib/jasmine-html.js"></script>
<script src="assets/eruda.js"></script>
<script src="boot.js"></script>
</head>
<body>
<script>
boot('info')
</script>
</body>
</html>

366
test/manual.html
View File

@@ -1,187 +1,185 @@
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Manual</title>
<link rel="stylesheet" href="style.css">
<script src="assets/eruda.js"></script>
<script src="util.js"></script>
</head>
<body id="body" class="test">
<header>Manual Test</header>
<nav>
<ul>
<li>
<a href="#" id="issue17">#17</a>
</li>
<li>
<a href="#" id="plugin">Plugin</a>
</li>
<li>
<a href="#" id="issue29">#29</a>
</li>
<li>
<a href="#" id="issue31">#31</a>
</li>
<li>
<a href="#" id="issue33">#33</a>
</li>
<li>
<a href="#" id="trigger-error">Trigger Error</a>
</li>
<li>
<a href="#" id="big-array">Big Array</a>
</li>
<li>
<a href="#" id="override-style">Override Style</a>
</li>
<li>
<a href="#" id="stringify-timing">Stringify Timing</a>
</li>
<li>
<a href="#" id="log">Log</a>
</li>
<li>
<a href="#" id="log-10000">Log 10000</a>
</li>
<li>
<a href="#" id="log-1000">Log 1000</a>
</li>
</ul>
</nav>
<script>
function addClickEvent(id, listener)
{
document.getElementById(id).addEventListener('click', function (e)
{
e.preventDefault();
listener();
}, false);
}
addClickEvent('issue17', function ()
{
let B = function () {};
let A = function () { this._data = 'eruda' };
A.prototype = Object.create(B.prototype);
Object.defineProperty(A.prototype, 'data', {
get: function () { return this._data }
});
let a = new A();
console.log(a);
});
addClickEvent('plugin', function ()
{
eruda.add({name: 'test'});
eruda.add(function (eruda)
{
return {
name: 'test2',
init: function ($el)
{
this._$el = $el;
this._$el.html('This is the new plugin');
}
};
});
let Tool = eruda.Tool;
eruda.add(new (Tool.extend({
name: 'test3',
init: function ($el)
{
this.callSuper(Tool, 'init', arguments);
this._$el.html('This is another new plugin');
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
/>
<title>Manual</title>
<link rel="stylesheet" href="style.css" />
<script src="assets/eruda.js"></script>
<script src="util.js"></script>
</head>
<body id="body" class="test">
<header>Manual Test</header>
<nav>
<ul>
<li>
<a href="#" id="issue17">#17</a>
</li>
<li>
<a href="#" id="plugin">Plugin</a>
</li>
<li>
<a href="#" id="issue29">#29</a>
</li>
<li>
<a href="#" id="issue31">#31</a>
</li>
<li>
<a href="#" id="issue33">#33</a>
</li>
<li>
<a href="#" id="trigger-error">Trigger Error</a>
</li>
<li>
<a href="#" id="big-array">Big Array</a>
</li>
<li>
<a href="#" id="override-style">Override Style</a>
</li>
<li>
<a href="#" id="stringify-timing">Stringify Timing</a>
</li>
<li>
<a href="#" id="log">Log</a>
</li>
<li>
<a href="#" id="log-10000">Log 10000</a>
</li>
<li>
<a href="#" id="log-1000">Log 1000</a>
</li>
</ul>
</nav>
<script>
function addClickEvent(id, listener) {
document.getElementById(id).addEventListener(
'click',
function(e) {
e.preventDefault()
listener()
},
false
)
}
})));
});
addClickEvent('issue29', function ()
{
new Promise(function (resolve, reject)
{
resolve();
}).then(function (res)
{
let a = res.a;
})
});
addClickEvent('issue31', function ()
{
addEventListener('resize', function () {});
});
addClickEvent('issue33', function ()
{
util.evalCss(':root {--test: 10px;}');
});
addClickEvent('trigger-error', function ()
{
triggerError();
});
addClickEvent('big-array', function ()
{
let arr = [];
for (let i = 0; i < 10000; i++) {
arr.push(i);
}
console.log(arr);
});
addClickEvent('override-style', function ()
{
util.evalCss('.eruda-nav-bar {background: red !important;}');
});
addClickEvent('stringify-timing', function () {
console.time('stringify window')
eruda.util.stringifyAll(window)
console.timeEnd('stringify window')
});
addClickEvent('log', () => {
console.clear();
console.log('log');
console.warn('warn');
console.error(Error('test'));
console.info('info');
console.debug('debug');
console.dir(document.createElement('div'));
console.time('test');
console.timeEnd('test');
console.count('eruda');
console.count('eruda');
console.assert(true, 'assert msg');
var site1 = { name: 'Runoob', site: 'www.runoob.com' };
var site2 = { name: 'Google', site: 'www.google.com' };
var site3 = { name: 'Taobao', site: 'www.taobao.com' };
console.table([site1, site2, site3], ['site']);
console.log('%c Oh my heavens!', 'background: #222; color: #bada55');
console.log('This is the outer level');
console.group();
console.log('Level 2');
console.group();
console.log('Level 3');
console.warn('More of level 3');
console.groupEnd();
console.log('Back to level 2');
console.groupEnd();
console.log('Back to the outer level');
console.log(navigator);
console.log(location);
console.log(performance);
var arr = [];
for (var i = 0; i < 10000; i++) arr.push(i);
console.log(arr);
});
addClickEvent('log-10000', () => {
for (let i = 0; i < 10000; i++) {
console.log(location, i);
}
});
addClickEvent('log-1000', () => {
for (let i = 0; i < 1000; i++) {
console.log(location, i);
}
});
</script>
<script>
eruda.init();
eruda.show();
</script>
</body>
addClickEvent('issue17', function() {
let B = function() {}
let A = function() {
this._data = 'eruda'
}
A.prototype = Object.create(B.prototype)
Object.defineProperty(A.prototype, 'data', {
get: function() {
return this._data
}
})
let a = new A()
console.log(a)
})
addClickEvent('plugin', function() {
eruda.add({ name: 'test' })
eruda.add(function(eruda) {
return {
name: 'test2',
init: function($el) {
this._$el = $el
this._$el.html('This is the new plugin')
}
}
})
let Tool = eruda.Tool
eruda.add(
new (Tool.extend({
name: 'test3',
init: function($el) {
this.callSuper(Tool, 'init', arguments)
this._$el.html('This is another new plugin')
}
}))()
)
})
addClickEvent('issue29', function() {
new Promise(function(resolve, reject) {
resolve()
}).then(function(res) {
let a = res.a
})
})
addClickEvent('issue31', function() {
addEventListener('resize', function() {})
})
addClickEvent('issue33', function() {
util.evalCss(':root {--test: 10px;}')
})
addClickEvent('trigger-error', function() {
triggerError()
})
addClickEvent('big-array', function() {
let arr = []
for (let i = 0; i < 10000; i++) {
arr.push(i)
}
console.log(arr)
})
addClickEvent('override-style', function() {
util.evalCss('.eruda-nav-bar {background: red !important;}')
})
addClickEvent('stringify-timing', function() {
console.time('stringify window')
eruda.util.stringifyAll(window)
console.timeEnd('stringify window')
})
addClickEvent('log', () => {
console.clear()
console.log('log')
console.warn('warn')
console.error(Error('test'))
console.info('info')
console.debug('debug')
console.dir(document.createElement('div'))
console.time('test')
console.timeEnd('test')
console.count('eruda')
console.count('eruda')
console.assert(true, 'assert msg')
var site1 = { name: 'Runoob', site: 'www.runoob.com' }
var site2 = { name: 'Google', site: 'www.google.com' }
var site3 = { name: 'Taobao', site: 'www.taobao.com' }
console.table([site1, site2, site3], ['site'])
console.log('%c Oh my heavens!', 'background: #222; color: #bada55')
console.log('This is the outer level')
console.group()
console.log('Level 2')
console.group()
console.log('Level 3')
console.warn('More of level 3')
console.groupEnd()
console.log('Back to level 2')
console.groupEnd()
console.log('Back to the outer level')
console.log(navigator)
console.log(location)
console.log(performance)
var arr = []
for (var i = 0; i < 10000; i++) arr.push(i)
console.log(arr)
})
addClickEvent('log-10000', () => {
for (let i = 0; i < 10000; i++) {
console.log(location, i)
}
})
addClickEvent('log-1000', () => {
for (let i = 0; i < 1000; i++) {
console.log(location, i)
}
})
</script>
<script>
eruda.init()
eruda.show()
</script>
</body>
</html>

37
test/network.html
View File

@@ -1,18 +1,23 @@
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Network</title>
<link rel="stylesheet" href="lib/jasmine.css">
<script src="lib/jquery.js"></script>
<script src="lib/jasmine.js"></script>
<script src="lib/jasmine-html.js"></script>
<script src="assets/eruda.js"></script>
<script src="boot.js"></script>
<script src="util.js"></script>
</head>
<body>
<script>boot('network');</script>
</body>
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
/>
<title>Network</title>
<link rel="stylesheet" href="lib/jasmine.css" />
<script src="lib/jquery.js"></script>
<script src="lib/jasmine.js"></script>
<script src="lib/jasmine-html.js"></script>
<script src="assets/eruda.js"></script>
<script src="boot.js"></script>
<script src="util.js"></script>
</head>
<body>
<script>
boot('network')
</script>
</body>
</html>

37
test/resources.html
View File

@@ -1,18 +1,23 @@
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Resources</title>
<link rel="stylesheet" href="lib/jasmine.css">
<script src="lib/jquery.js"></script>
<script src="lib/jasmine.js"></script>
<script src="lib/jasmine-html.js"></script>
<script src="assets/eruda.js"></script>
<script src="boot.js"></script>
<script src="util.js"></script>
</head>
<body>
<script>boot('resources');</script>
</body>
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
/>
<title>Resources</title>
<link rel="stylesheet" href="lib/jasmine.css" />
<script src="lib/jquery.js"></script>
<script src="lib/jasmine.js"></script>
<script src="lib/jasmine-html.js"></script>
<script src="assets/eruda.js"></script>
<script src="boot.js"></script>
<script src="util.js"></script>
</head>
<body>
<script>
boot('resources')
</script>
</body>
</html>

35
test/settings.html
View File

@@ -1,17 +1,22 @@
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Settings</title>
<link rel="stylesheet" href="lib/jasmine.css">
<script src="lib/jquery.js"></script>
<script src="lib/jasmine.js"></script>
<script src="lib/jasmine-html.js"></script>
<script src="assets/eruda.js"></script>
<script src="boot.js"></script>
</head>
<body>
<script>boot('settings');</script>
</body>
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
/>
<title>Settings</title>
<link rel="stylesheet" href="lib/jasmine.css" />
<script src="lib/jquery.js"></script>
<script src="lib/jasmine.js"></script>
<script src="lib/jasmine-html.js"></script>
<script src="assets/eruda.js"></script>
<script src="boot.js"></script>
</head>
<body>
<script>
boot('settings')
</script>
</body>
</html>

4
test/settings.js
View File

@@ -68,10 +68,10 @@ describe('settings', function() {
expect(cfg.get('testColor')).toBe('rgb(0, 0, 0)')
})
it('remove', function () {
it('remove', function() {
let text = 'Test Switch'
tool.switch(cfg, 'testSwitch', text)
expect($tool.find('.eruda-switch')).toContainText(text)
expect($tool.find('.eruda-switch')).toContainText(text)
tool.remove(cfg, 'testSwitch')
expect($tool.find('.eruda-switch')).toHaveLength(0)
})

35
test/snippets.html
View File

@@ -1,17 +1,22 @@
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Snippets</title>
<link rel="stylesheet" href="lib/jasmine.css">
<script src="lib/jquery.js"></script>
<script src="lib/jasmine.js"></script>
<script src="lib/jasmine-html.js"></script>
<script src="assets/eruda.js"></script>
<script src="boot.js"></script>
</head>
<body>
<script>boot('snippets');</script>
</body>
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
/>
<title>Snippets</title>
<link rel="stylesheet" href="lib/jasmine.css" />
<script src="lib/jquery.js"></script>
<script src="lib/jasmine.js"></script>
<script src="lib/jasmine-html.js"></script>
<script src="assets/eruda.js"></script>
<script src="boot.js"></script>
</head>
<body>
<script>
boot('snippets')
</script>
</body>
</html>

35
test/sources.html
View File

@@ -1,17 +1,22 @@
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Sources</title>
<link rel="stylesheet" href="lib/jasmine.css">
<script src="lib/jquery.js"></script>
<script src="lib/jasmine.js"></script>
<script src="lib/jasmine-html.js"></script>
<script src="assets/eruda.js"></script>
<script src="boot.js"></script>
</head>
<body>
<script>boot('sources');</script>
</body>
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
/>
<title>Sources</title>
<link rel="stylesheet" href="lib/jasmine.css" />
<script src="lib/jquery.js"></script>
<script src="lib/jasmine.js"></script>
<script src="lib/jasmine-html.js"></script>
<script src="assets/eruda.js"></script>
<script src="boot.js"></script>
</head>
<body>
<script>
boot('sources')
</script>
</body>
</html>

4
test/sources.js
View File

@@ -9,9 +9,7 @@ describe('sources', function() {
describe('js', function() {
it('highlight', function() {
tool.set('js', '/* test */')
expect($tool.find('.eruda-content')).toContainHtml(
'/* test */'
)
expect($tool.find('.eruda-content')).toContainHtml('/* test */')
})
})
})