Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also compare across forks.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also compare across forks.
base fork: sdesai/yui3
...
head fork: sdesai/yui3
  • 8 commits
  • 18 files changed
  • 0 commit comments
  • 2 contributors
View
2  src/common/tests/unit.xml
@@ -210,6 +210,8 @@
<url>queue-promote/tests/queue-promote.html</url>
<url>querystring/tests/querystring.html</url>
<url>resize/tests/index.html</url>
+ <url>scrollview/tests/scrollview-base-unit-test.html</url>
+ <url>scrollview/tests/scrollview-paginator-unit-test.html</url>
<url>scrollview/tests/scrollview-list-unit-test.html</url>
<url>simpleyui/tests/simpleyui.html</url>
<url>slider/tests/slider.html</url>
View
17 src/node-menunav/docs/assets/menunav-leftnav-tests.js
@@ -0,0 +1,17 @@
+var moduleName = 'menunav-leftnav';
+YUI.add(moduleName+'-tests', function(Y) {
+
+ var suite = new Y.Test.Suite(moduleName+' test suite');
+
+ suite.add(new Y.Test.Case({
+
+ name : 'Example Tests',
+
+ 'this test should eventually do something' : function () {
+ Y.Assert.fail();
+ }
+ }));
+
+ Y.Test.Runner.add(suite);
+
+}, '', {requires:[]});
View
17 src/node-menunav/docs/assets/node-menunav-2-tests.js
@@ -0,0 +1,17 @@
+var moduleName = 'node-menunav-2';
+YUI.add(moduleName+'-tests', function(Y) {
+
+ var suite = new Y.Test.Suite(moduleName+' test suite');
+
+ suite.add(new Y.Test.Case({
+
+ name : 'Example Tests',
+
+ 'this test should eventually do something' : function () {
+ Y.Assert.fail();
+ }
+ }));
+
+ Y.Test.Runner.add(suite);
+
+}, '', {requires:[]});
View
17 src/node-menunav/docs/assets/node-menunav-3-tests.js
@@ -0,0 +1,17 @@
+var moduleName = 'node-menunav-3';
+YUI.add(moduleName+'-tests', function(Y) {
+
+ var suite = new Y.Test.Suite(moduleName+' test suite');
+
+ suite.add(new Y.Test.Case({
+
+ name : 'Example Tests',
+
+ 'this test should eventually do something' : function () {
+ Y.Assert.fail();
+ }
+ }));
+
+ Y.Test.Runner.add(suite);
+
+}, '', {requires:[]});
View
17 src/node-menunav/docs/assets/node-menunav-4-tests.js
@@ -0,0 +1,17 @@
+var moduleName = 'node-menunav-4';
+YUI.add(moduleName+'-tests', function(Y) {
+
+ var suite = new Y.Test.Suite(moduleName+' test suite');
+
+ suite.add(new Y.Test.Case({
+
+ name : 'Example Tests',
+
+ 'this test should eventually do something' : function () {
+ Y.Assert.fail();
+ }
+ }));
+
+ Y.Test.Runner.add(suite);
+
+}, '', {requires:[]});
View
17 src/node-menunav/docs/assets/node-menunav-5-tests.js
@@ -0,0 +1,17 @@
+var moduleName = 'node-menunav-5';
+YUI.add(moduleName+'-tests', function(Y) {
+
+ var suite = new Y.Test.Suite(moduleName+' test suite');
+
+ suite.add(new Y.Test.Case({
+
+ name : 'Example Tests',
+
+ 'this test should eventually do something' : function () {
+ Y.Assert.fail();
+ }
+ }));
+
+ Y.Test.Runner.add(suite);
+
+}, '', {requires:[]});
View
17 src/node-menunav/docs/assets/node-menunav-6-tests.js
@@ -0,0 +1,17 @@
+var moduleName = 'node-menunav-6';
+YUI.add(moduleName+'-tests', function(Y) {
+
+ var suite = new Y.Test.Suite(moduleName+' test suite');
+
+ suite.add(new Y.Test.Case({
+
+ name : 'Example Tests',
+
+ 'this test should eventually do something' : function () {
+ Y.Assert.fail();
+ }
+ }));
+
+ Y.Test.Runner.add(suite);
+
+}, '', {requires:[]});
View
17 src/node-menunav/docs/assets/node-menunav-7-tests.js
@@ -0,0 +1,17 @@
+var moduleName = 'node-menunav-7';
+YUI.add(moduleName+'-tests', function(Y) {
+
+ var suite = new Y.Test.Suite(moduleName+' test suite');
+
+ suite.add(new Y.Test.Case({
+
+ name : 'Example Tests',
+
+ 'this test should eventually do something' : function () {
+ Y.Assert.fail();
+ }
+ }));
+
+ Y.Test.Runner.add(suite);
+
+}, '', {requires:[]});
View
7 src/node-menunav/docs/component.json
@@ -74,36 +74,43 @@
"pages": {
"menunav-leftnav-example": {
+ "name" : "menunav-leftnav",
"displayName": "MenuNav: Basic Left Nav Example",
"layout" : "menunav-example"
},
"node-menunav-2-example": {
+ "name" : "node-menunav-2",
"displayName": "MenuNav: Basic Top Nav Example",
"layout" : "menunav-example"
},
"node-menunav-3-example": {
+ "name" : "node-menunav-3",
"displayName": "MenuNav: Menu Button Top Nav Example",
"layout" : "menunav-example"
},
"node-menunav-4-example": {
+ "name" : "node-menunav-4",
"displayName": "MenuNav: Split Button Top Nav Example",
"layout" : "menunav-example"
},
"node-menunav-5-example": {
+ "name" : "node-menunav-5",
"displayName": "MenuNav: Left Nav with Submenus with Shadows Example",
"layout" : "menunav-example"
},
"node-menunav-6-example": {
+ "name" : "node-menunav-6",
"displayName": "MenuNav: Left Nav With Submenus With Rounded Corners Example",
"layout" : "menunav-example"
},
"node-menunav-7-example": {
+ "name" : "node-menunav-7",
"displayName": "MenuNav: Skinning Menus Created Using the MenuNav Node Plugin Example",
"layout" : "menunav-example"
}
View
1  src/node-menunav/docs/menunav-leftnav-example.mustache
@@ -1 +1,2 @@
{{>menunav-leftnav-source}}
+{{>test-runner}}
View
2  src/node-menunav/docs/node-menunav-2-example.mustache
@@ -193,3 +193,5 @@
});
</script>
+
+{{>test-runner}}
View
1  src/node-menunav/docs/node-menunav-3-example.mustache
@@ -193,3 +193,4 @@
});
</script>
+{{>test-runner}}
View
1  src/node-menunav/docs/node-menunav-4-example.mustache
@@ -187,3 +187,4 @@
});
</script>
+{{>test-runner}}
View
1  src/node-menunav/docs/node-menunav-5-example.mustache
@@ -232,3 +232,4 @@
});
</script>
+{{>test-runner}}
View
1  src/node-menunav/docs/node-menunav-6-example.mustache
@@ -286,3 +286,4 @@
});
</script>
+{{>test-runner}}
View
1  src/node-menunav/docs/node-menunav-7-example.mustache
@@ -200,3 +200,4 @@
});
</script>
+{{>test-runner}}
View
4 src/scrollview/docs/assets/scrollview-horiz-tests.js
@@ -17,8 +17,8 @@ YUI.add('scrollview-horiz-tests', function(Y) {
Test.wait(function () {
var transform = Y.one('#scrollview-content').getStyle('transform'),
offset = transform.split(',')[4].replace(')', '').trim();
-
- if (offset == -986 /*Chrome/Safari*/ && offset == -987 /*FF*/) {
+
+ if (offset == -986 /*Chrome/Safari*/ || offset == -987 /*FF*/) {
Y.Assert.pass();
}
else {
View
166 src/scrollview/tests/scrollview-base-unit-test.html
@@ -4,11 +4,8 @@
<title>scrollview-base unit tests</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="../../../build/cssreset/reset-min.css" type="text/css" media="screen" title="no title" charset="utf-8">
+ <script src="../../../build/yui/yui.js" type="text/javascript" charset="utf-8"></script>
- <!--<script src="http://yui.yahooapis.com/3.5.0pr1/build/yui/yui-min.js" type="text/javascript" charset="utf-8"></script>
- -->
- <script src="../../../build/yui/yui.js" type="text/javascript" charset="utf-8"></script>
-
<style>
.horizontal {
width:300px;
@@ -54,62 +51,26 @@
var testBasic = new Y.Test.Case({
name: "API Tests",
-
- hConfig01: {
- scrollview: {
- srcNode : '#myHScrollview',
- width: "300px"
- //height: "100px"
- }
- },
-
- vConfig01: {
- scrollview: {
- srcNode : '#myVScrollview',
- //width: "300px",
- height: "100px"
- }
- },
//---------------------------------------------
// Setup and tear down
//---------------------------------------------
setUp : function () {
- console.log('setUp');
-
- var hID = Y.guid(),
- vID = Y.guid(),
- horizontalHTML = "<div id='"+ hID +"' class='horizontal'><div id='myHScrollview'><ul><li>a</li><li>b</li><li>c</li><li>e</li><li>f</li><li>g</li><li>h</li><li>i</li><li>j</li><li>k</li></ul></div></div>",
- verticalHTML = "<div id='"+ vID +"' class='vertical'><div id='myVScrollview'><ul><li>a</li><li>b</li><li>c</li><li>e</li><li>f</li><li>g</li><li>h</li><li>i</li><li>j</li><li>k</li></ul></div></div>";
-
- Y.one('#container').append(horizontalHTML);
- Y.one('#container').append(verticalHTML);
-
- this.hScrollview = new Y.ScrollView({
- srcNode : '#' + hID + " div",
- width: "300px"
- }).render();
-
- this.vScrollview = new Y.ScrollView({
- srcNode : '#' + vID + " div",
- height: "100px"
- }).render();
-
+ // console.log('setUp');
},
tearDown : function () {
- this.hScrollview.destroy();
- this.vScrollview.destroy();
- },
+ // console.log('tearDown');
+ Y.one('#container').empty(true);
+ },
// ---------------------------------------------
// Instantiation
// ---------------------------------------------
- // Ensure rendering & initial state are correct
- test1: function() {
- var scrollview = this.hScrollview,
+ "Ensure rendering & initial state are correct": function() {
+ var scrollview = renderNewScrollview(false),
bb = scrollview.get('boundingBox'),
cb = scrollview.get('contentBox'),
id = cb.get('id'),
@@ -132,9 +93,8 @@
Y.Assert.areEqual(0, scrollview.get('scrollY'));
},
- // Ensure set('scrollX') works properly
- test2: function() {
- var scrollview = this.hScrollview,
+ "Ensure set('scrollX') works properly": function() {
+ var scrollview = renderNewScrollview(false),
distance = 20,
maxX = scrollview._maxScrollX;
@@ -147,9 +107,8 @@
//Y.Assert.areEqual(distance, scrollview.lastScrolledAmt); // @TODO: fix
},
- // Ensure scrolling outside the range isn't allowed
- test3: function() {
- var scrollview = this.hScrollview,
+ "Ensure scrolling outside the range isn't allowed": function() {
+ var scrollview = renderNewScrollview(false),
maxX = scrollview._maxScrollX;
// Assume it starts @ 0
@@ -162,26 +121,83 @@
// Y.Assert.areEqual(maxX, scrollview.get('scrollX')); // @TODO: fix
},
- // ensure the 'scrollEnd' event fires
- test4: function() {
+ "Ensure the 'scrollEnd' event fires": function() {
var Test = this,
- scrollview = Test.hScrollview,
- maxX = scrollview._maxScrollX,
- distance = 20,
+ scrollview = renderNewScrollview(false),
+ distance = scrollview._maxScrollX,
eventsFired = 0;
// Ensure scrollEnd fires
scrollview.on('scrollEnd', function(){
eventsFired++;
Test.resume(function(){
- Y.Assert.areEqual(maxX, scrollview.get('scrollX'));
+ Y.Assert.areEqual(distance, scrollview.get('scrollX'));
Y.Assert.areEqual(0, scrollview.get('scrollY'));
Y.Assert.areEqual(1, eventsFired);
})
});
- scrollview.scrollTo(maxX, 0, 1); // args = x, y, duration, easing
+
+ scrollview.scrollTo(distance, 0, 1); // args = x, y, duration, easing
Test.wait();
- }
+ },
+
+ "Flick x provides the correct reaction": function() {
+ var Test = this,
+ scrollview = renderNewScrollview(false);
+
+ scrollview.on('scrollEnd', function(){
+ Test.resume(function(){
+ Y.Assert.areEqual(scrollview._maxScrollX, scrollview.get('scrollX'));
+ Y.Assert.areEqual(0, scrollview.get('scrollY'));
+ })
+ });
+
+ scrollview.get('contentBox').simulateGesture('flick', {
+ distance: -3000,
+ axis: 'x'
+ });
+
+ Test.wait();
+ },
+
+ "Flick y provides the correct reaction": function() {
+ var Test = this,
+ scrollview = renderNewScrollview(true);
+
+ scrollview.on('scrollEnd', function(){
+ Test.resume(function(){
+ Y.Assert.areEqual(scrollview._maxScrollY, scrollview.get('scrollY'));
+ Y.Assert.areEqual(0, scrollview.get('scrollX'));
+ })
+ });
+
+ scrollview.get('contentBox').simulateGesture('flick', {
+ distance: -3000,
+ axis: 'y'
+ });
+
+ Test.wait();
+ },
+
+ // "Drag event provides the correct reaction": function() {
+ // var Test = this,
+ // scrollview = renderNewScrollview(false);
+
+
+ // scrollview.get('contentBox').simulateGesture('move', {
+ // axis: 'x',
+ // distance: -30,
+ // });
+ // Y.Assert.isTrue(true, "is true");
+ // },
+
+ // "Mousewheel event provides the correct reaction": function() {
+ // var Test = this,
+ // scrollview = renderNewScrollview(true);
+
+ // scrollview.get('contentBox').simulate('mousewheel');
+ // Y.Assert.isTrue(true, "is true");
+ // }
// Additional tests
// Don't scroll Y if a X axis
@@ -196,6 +212,34 @@
Y.Test.Runner.add(suite);
Y.Test.Runner.run();
+ function renderNewScrollview (vertical) {
+
+ var config = {},
+ guid = Y.guid(),
+ html,
+ scrollview,
+ widgetClass;
+
+ config.srcNode = '#' + guid;
+
+ if (vertical) {
+ config.height = "100px";
+ widgetClass = 'vertical';
+ }
+ else {
+ config.width = "300px";
+ widgetClass = 'horizontal';
+ }
+
+ html = "<div class='" + widgetClass + "'><div id='" + guid + "'><ul><li>a</li><li>b</li><li>c</li><li>e</li><li>f</li><li>g</li><li>h</li><li>i</li><li>j</li><li>k</li></ul></div></div>",
+ Y.one('#container').append(html);
+
+ scrollview = new Y.ScrollView(config);
+ scrollview.render();
+
+ return scrollview;
+ }
+
});
</script>
</head>
@@ -205,4 +249,4 @@
<div id="container"></div>
</body>
-</html>
+</html>

No commit comments for this range

Something went wrong with that request. Please try again.