playground
/
isotope
mirror of https://github.com/metafizzy/isotope
1
0
Fork 0
Code Issues Releases Activity
Browse Source

get sort data test 

title
pull/563/head
David DeSandro 12 years ago
parent
d5a663a3c0
commit
d074425e44
5 changed files with 41 additions and 36 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      notes.md
  2. 3
      test/.jshintrc
  3. 22
      test/get-sort-data.js
  4. 12
      test/index.html
  5. 38
      test/tests.css

2
notes.md
Unescape View File

@ -2,8 +2,6 @@
## tests ## tests
getSortData shorthand
filter filter
updateSortData updateSortData

3
test/.jshintrc
Unescape View File

@ -5,8 +5,7 @@
"undef": true, "undef": true,
"unused": true, "unused": true,
"predef": { "predef": {
"Masonry": false, "Isotope": false,
"checkItemPositions": false,
"asyncTest": false, "asyncTest": false,
"deepEqual": false, "deepEqual": false,

22
test/get-sort-data.js
Unescape View File

@ -0,0 +1,22 @@
test( 'getSortData', function() {
'use strict';
var iso = new Isotope( '#get-sort-data', {
layoutMode: 'fitRows',
getSortData: {
ninjaTurtle: '[data-ninja-turtle]',
fruit: 'span.fruit',
b: 'b parseFloat',
i: 'i parseInt'
}
});
var item = iso.items[0];
equal( item.sortData.ninjaTurtle, 'leonardo', '[data-attr] shorthand' );
equal( item.sortData.fruit, 'watermelon', 'query selector shorthand' );
equal( item.sortData.b, 3.14, 'parseFloat parser' );
equal( item.sortData.i, 42, 'parseInt parser' );
});

12
test/index.html
Unescape View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Masonry tests</title> <title>Isotope tests</title>
<link rel="stylesheet" href="tests.css" /> <link rel="stylesheet" href="tests.css" />
<link rel="stylesheet" href="../bower_components/qunit/qunit/qunit.css" /> <link rel="stylesheet" href="../bower_components/qunit/qunit/qunit.css" />
@ -28,6 +28,7 @@
<script src="../layout-modes/masonry.js"></script> <script src="../layout-modes/masonry.js"></script>
<script src="sorting.js"></script> <script src="sorting.js"></script>
<script src="get-sort-data.js"></script>
</head> </head>
<body> <body>
@ -48,6 +49,15 @@
<div class="item"><b>A</b><i>2</i></div> <div class="item"><b>A</b><i>2</i></div>
</div> </div>
<h2>getSortData</h2>
<div id="get-sort-data" class="container">
<div class="item" data-ninja-turtle="leonardo">
<span class="fruit">watermelon</span>
<b>3.14</b>
<i>42</i>
</div>
</div>
</body> </body>
</html> </html>

38
test/tests.css
Unescape View File

@ -15,12 +15,18 @@ body {
position: relative; position: relative;
} }
.container:after {
content: '';
display: block;
clear: both;
}
.item { .item {
width: 60px; width: 60px;
height: 30px; height: 30px;
float: left; float: left;
border: 1px solid; border: 1px solid;
background: #09F; background: #3BF;
} }
.item.w2 { width: 120px; } .item.w2 { width: 120px; }
@ -38,15 +44,6 @@ body {
border: 1px solid; border: 1px solid;
} }
/* ---- gutter ---- */
#gutter {
width: 220px;
}
#gutter .item.w2 { width: 140px; }
/* ---- stamp ---- */ /* ---- stamp ---- */
.has-stamp .item { width: 45px; } .has-stamp .item { width: 45px; }
@ -62,24 +59,3 @@ body {
width: 200px; width: 200px;
height: 20px; height: 20px;
} }
#stamp-top-left .stamp1 {
left: 70px;
top: 10px;
}
#stamp-top-left .stamp2 {
left: -5px;
top: 0;
}
#stamp-bottom-right .stamp1 {
right: 70px;
bottom: 10px;
}
#stamp-bottom-right .stamp2 {
right: -5px;
bottom: 0;
}

Write Preview
Loading…
Cancel
Save