mirror of
https://github.com/nunocoracao/blowfish.git
synced 2026-01-30 16:31:52 +01:00
config redirect
This commit is contained in:
16
node_modules/get-size/test/iframe.html
generated
vendored
Normal file
16
node_modules/get-size/test/iframe.html
generated
vendored
Normal file
@@ -0,0 +1,16 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<title>iframe</title>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>iframe</h1>
|
||||
|
||||
<iframe src="iframe3.html" width="800" height="500" style="display: none;"></iframe>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
22
node_modules/get-size/test/iframe3.html
generated
vendored
Normal file
22
node_modules/get-size/test/iframe3.html
generated
vendored
Normal file
@@ -0,0 +1,22 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<title>iframe3</title>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>iframe3</h1>
|
||||
|
||||
<script src="../get-size.js"></script>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
getSize( document.querySelector('h1') );
|
||||
};
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
20
node_modules/get-size/test/iframe4.html
generated
vendored
Normal file
20
node_modules/get-size/test/iframe4.html
generated
vendored
Normal file
@@ -0,0 +1,20 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<title>iframe4</title>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>iframe4</h1>
|
||||
|
||||
<script>
|
||||
var p = document.createElement('p');
|
||||
alert( getComputedStyle( p, null ) );
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
69
node_modules/get-size/test/index.html
generated
vendored
Normal file
69
node_modules/get-size/test/index.html
generated
vendored
Normal file
@@ -0,0 +1,69 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<title>Get Size Tests</title>
|
||||
|
||||
<link rel="stylesheet" href="../bower_components/qunit/qunit/qunit.css" />
|
||||
<link rel="stylesheet" href="tests.css" />
|
||||
|
||||
<script src="../bower_components/qunit/qunit/qunit.js"></script>
|
||||
<script src="../get-size.js"></script>
|
||||
<script src="tests.js"></script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>Get Size Tests</h1>
|
||||
|
||||
<div id="ex1" class="container">
|
||||
<div class="box"></div>
|
||||
</div>
|
||||
|
||||
<div id="ex2" class="container">
|
||||
<div class="box"></div>
|
||||
</div>
|
||||
|
||||
<div id="ex3" class="container">
|
||||
<div class="box"></div>
|
||||
</div>
|
||||
|
||||
<div id="ex4" class="container">
|
||||
<div class="box"></div>
|
||||
</div>
|
||||
|
||||
<div id="ex5" class="container">
|
||||
<div class="box"></div>
|
||||
</div>
|
||||
|
||||
<div id="ex6" class="container">
|
||||
<div class="box"></div>
|
||||
</div>
|
||||
|
||||
<div id="ex7" class="container">
|
||||
<div class="box"></div>
|
||||
</div>
|
||||
|
||||
<div id="ex8" class="container">
|
||||
<div class="box"></div>
|
||||
</div>
|
||||
|
||||
<div id="ex9" class="container">
|
||||
<div class="box"></div>
|
||||
</div>
|
||||
|
||||
<div id="hidden" class="container">
|
||||
<div class="box box1"></div>
|
||||
<div class="box box2"></div>
|
||||
</div>
|
||||
|
||||
<div id="percent" class="container">
|
||||
<div class="box"></div>
|
||||
</div>
|
||||
|
||||
<div id="qunit"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
95
node_modules/get-size/test/tests.css
generated
vendored
Normal file
95
node_modules/get-size/test/tests.css
generated
vendored
Normal file
@@ -0,0 +1,95 @@
|
||||
body {
|
||||
font-family: sans-serif;
|
||||
width: 400px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 400px;
|
||||
height: 200px;
|
||||
background: #333;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.box {
|
||||
background: #0AE;
|
||||
color: #F90;
|
||||
border-color: #F90;
|
||||
}
|
||||
|
||||
/* align to right side */
|
||||
#qunit {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 20px;
|
||||
margin-left: 440px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
|
||||
/* Boxes
|
||||
------------------------- */
|
||||
|
||||
#ex2 .box {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#ex3 .box {
|
||||
width: 50%;
|
||||
height: 50%;
|
||||
}
|
||||
|
||||
#ex4 .box,
|
||||
#ex5 .box {
|
||||
width: 200px;
|
||||
height: 100px;
|
||||
border: 10px solid;
|
||||
}
|
||||
|
||||
|
||||
#ex5 .box {
|
||||
margin: 10px 20px 30px 40px;
|
||||
}
|
||||
|
||||
#ex6 .box {
|
||||
width: 200px;
|
||||
height: 100px;
|
||||
padding: 10px 20px 30px 40px;
|
||||
}
|
||||
|
||||
#ex7 .box {
|
||||
height: 100px;
|
||||
padding: 10px 20px 30px 40px;
|
||||
}
|
||||
|
||||
#ex8 .box {
|
||||
position: relative;
|
||||
width: 66.6666%;
|
||||
height: 66.666%;
|
||||
}
|
||||
|
||||
/* border box */
|
||||
#ex9 .box {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
border-style: solid;
|
||||
border-width: 10px 20px 30px 40px;
|
||||
padding: 10px 20px 30px 40px;
|
||||
}
|
||||
|
||||
#hidden .box {
|
||||
display: none;
|
||||
width: 200px;
|
||||
height: 100px;
|
||||
padding: 10px 20px 30px 40px;
|
||||
margin: 10px 20px 30px 40px;
|
||||
}
|
||||
|
||||
#percent .box {
|
||||
width: 200px;
|
||||
height: 100px;
|
||||
margin-top: 20%;
|
||||
margin-left: 10%;
|
||||
}
|
||||
156
node_modules/get-size/test/tests.js
generated
vendored
Normal file
156
node_modules/get-size/test/tests.js
generated
vendored
Normal file
@@ -0,0 +1,156 @@
|
||||
/**
|
||||
* getSize tests
|
||||
* with QUnit
|
||||
**/
|
||||
|
||||
/*jshint browser: true, devel: true, strict: true, undef: true */
|
||||
/*global equal: false, getSize: false, ok: false, test: false, strictEqual: false */
|
||||
|
||||
( function( window ) {
|
||||
|
||||
'use strict';
|
||||
|
||||
function getBoxSize( num ) {
|
||||
var box = document.querySelector( '#ex' + num + ' .box' );
|
||||
return getSize( box );
|
||||
}
|
||||
|
||||
test( 'arguments', function() {
|
||||
ok( !getSize( 0 ), 'Number returns falsey' );
|
||||
ok( !getSize( document.querySelector('#foobabbles') ), 'bad querySelector returns falsey' );
|
||||
ok( getSize('#ex1'), 'query selector string works' );
|
||||
});
|
||||
|
||||
test( 'ex1: no styling', function() {
|
||||
var size = getBoxSize(1);
|
||||
equal( size.width, 400, 'Inherit container width' );
|
||||
equal( size.height, 0, 'No height' );
|
||||
equal( size.isBorderBox, false, 'isBorderBox' );
|
||||
});
|
||||
|
||||
test( 'ex2: height: 100%', function() {
|
||||
var size = getBoxSize(2);
|
||||
equal( size.height, 200, 'Inherit height' );
|
||||
});
|
||||
|
||||
test( 'ex3: width: 50%; height: 50%', function() {
|
||||
var size = getBoxSize(3);
|
||||
equal( size.width, 200, 'half width' );
|
||||
equal( size.height, 100, 'half height' );
|
||||
});
|
||||
|
||||
test( 'ex4: border: 10px solid', function() {
|
||||
var size = getBoxSize(4);
|
||||
// console.log( size );
|
||||
equal( size.width, 220, 'width = 220 width' );
|
||||
equal( size.height, 120, 'height = 120 height' );
|
||||
equal( size.innerWidth, 200, 'innerWidth = 200 width' );
|
||||
equal( size.innerHeight, 100, 'innerHeight = 200 width' );
|
||||
equal( size.outerWidth, 220, 'outerWidth = 200 width + 10 border + 10 border' );
|
||||
equal( size.outerHeight, 120, 'outerHeight = 100 height + 10 border + 10 border' );
|
||||
});
|
||||
|
||||
test( 'ex5: border: 10px solid; margin: 15px', function() {
|
||||
// margin: 10px 20px 30px 40px;
|
||||
var size = getBoxSize(5);
|
||||
// console.log( size );
|
||||
equal( size.width, 220, 'width = 220 width' );
|
||||
equal( size.height, 120, 'height = 120 height' );
|
||||
equal( size.marginTop, 10, 'marginTop' );
|
||||
equal( size.marginRight, 20, 'marginRight' );
|
||||
equal( size.marginBottom, 30, 'marginBottom' );
|
||||
equal( size.marginLeft, 40, 'marginLeft ' );
|
||||
equal( size.innerWidth, 200, 'innerWidth = 200 width' );
|
||||
equal( size.innerHeight, 100, 'innerHeight = 200 width' );
|
||||
equal( size.outerWidth, 280, 'outerWidth = 200 width + 20 border + 60 margin' );
|
||||
equal( size.outerHeight, 160, 'outerHeight = 100 height + 20 border + 40 margin' );
|
||||
});
|
||||
|
||||
test( 'ex6: padding, set width/height', function() {
|
||||
var size = getBoxSize(6);
|
||||
// console.log( size );
|
||||
equal( size.width, 260, 'width' );
|
||||
equal( size.height, 140, 'height' );
|
||||
equal( size.innerWidth, 200, 'innerWidth = 200 width - 20 padding - 40 padding' );
|
||||
equal( size.innerHeight, 100, 'innerHeight = 200 height - 10 padding - 30 padding' );
|
||||
equal( size.outerWidth, 260, 'outerWidth' );
|
||||
equal( size.outerHeight, 140, 'outerHeight' );
|
||||
|
||||
});
|
||||
|
||||
test( 'ex7: padding, inherit width', function() {
|
||||
// padding: 10px 20px 30px 40px;
|
||||
var size = getBoxSize(7);
|
||||
// console.log( size );
|
||||
equal( size.width, 400, 'width' );
|
||||
equal( size.height, 140, 'height' );
|
||||
equal( size.paddingTop, 10, 'paddingTop' );
|
||||
equal( size.paddingRight, 20, 'paddingRight' );
|
||||
equal( size.paddingBottom, 30, 'paddingBottom' );
|
||||
equal( size.paddingLeft, 40, 'paddingLeft ' );
|
||||
equal( size.innerWidth, 340, 'innerWidth = 400 width - 20 padding - 40 padding' );
|
||||
equal( size.innerHeight, 100, 'innerHeight = 200 height - 10 padding - 30 padding' );
|
||||
equal( size.outerWidth, 400, 'outerWidth' );
|
||||
equal( size.outerHeight, 140, 'outerHeight' );
|
||||
|
||||
});
|
||||
|
||||
test( 'ex8: 66.666% values', function() {
|
||||
var size = getBoxSize(8);
|
||||
|
||||
if ( size.width % 1 ) {
|
||||
ok( size.width > 266.6 && size.width < 266.7, 'width is between 266.6 and 266.7' );
|
||||
} else {
|
||||
// IE8 and Safari
|
||||
equal( size.width, 267, 'width is 267' );
|
||||
}
|
||||
|
||||
if ( size.height % 1 ) {
|
||||
ok( size.height > 133.3 && size.height < 133.4, 'height is between 133.3 and 133.4' );
|
||||
} else {
|
||||
// IE8
|
||||
equal( size.height, 133, 'width is 133' );
|
||||
}
|
||||
});
|
||||
|
||||
test( 'ex9: border-box', function() {
|
||||
var size = getBoxSize(9);
|
||||
equal( size.isBorderBox, true, 'isBorderBox' );
|
||||
equal( size.width, 400, 'width' );
|
||||
equal( size.height, 200, 'height' );
|
||||
equal( size.innerWidth, 280, 'innerWidth' );
|
||||
equal( size.innerHeight, 120, 'innerHeight' );
|
||||
equal( size.outerWidth, 400, 'outerWidth' );
|
||||
equal( size.outerHeight, 200, 'outerHeight' );
|
||||
});
|
||||
|
||||
test( 'display: none', function() {
|
||||
var size = getSize( document.querySelector('#hidden .box1') );
|
||||
strictEqual( size.width, 0, 'width' );
|
||||
strictEqual( size.height, 0, 'height' );
|
||||
strictEqual( size.innerWidth, 0, 'innerWidth' );
|
||||
strictEqual( size.innerHeight, 0, 'innerHeight' );
|
||||
strictEqual( size.outerWidth, 0, 'outerWidth' );
|
||||
strictEqual( size.outerHeight, 0, 'outerHeight' );
|
||||
|
||||
size.width = 300;
|
||||
|
||||
size = getSize( document.querySelector('#hidden .box2') );
|
||||
strictEqual( size.width, 0, 'cannot over write zeroSize' );
|
||||
|
||||
});
|
||||
|
||||
test( 'percent values', function() {
|
||||
var size = getSize( document.querySelector('#percent .box') );
|
||||
strictEqual( size.marginLeft, 40, 'marginLeft' );
|
||||
strictEqual( size.marginTop, 80, 'marginTop' );
|
||||
strictEqual( size.width, 200, 'width' );
|
||||
strictEqual( size.height, 100, 'height' );
|
||||
strictEqual( size.innerWidth, 200, 'innerWidth' );
|
||||
strictEqual( size.innerHeight, 100, 'innerHeight' );
|
||||
strictEqual( size.outerWidth, 240, 'outerWidth' );
|
||||
strictEqual( size.outerHeight, 180, 'outerHeight' );
|
||||
});
|
||||
|
||||
|
||||
})( window );
|
||||
Reference in New Issue
Block a user