You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
2.3 KiB
50 lines
2.3 KiB
<!DOCTYPE HTML> |
|
<html> |
|
<head> |
|
<title>View Custom Fixed Bars</title> |
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
|
<meta name="viewport" |
|
content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" /> |
|
<meta name="apple-mobile-web-app-capable" content="yes" /> |
|
<script type="text/javascript" src="../../../../../dojo/dojo.js" data-dojo-config="parseOnLoad:true, async:true"></script> |
|
<script type="text/javascript" charset="utf-8"> |
|
require(["dojo/ready", |
|
"dojo/dom", |
|
"doh/runner", |
|
"dojox/mobile/parser", |
|
"dojox/mobile", |
|
"dojox/mobile/deviceTheme", |
|
"dojox/mobile/ScrollableView"], function(ready, dom, runner, domGeometry) { |
|
|
|
ready(function(){ |
|
runner.register("dojox.mobile.test.doh.fixedbars.CustomFixedBarsTests", [ |
|
{ |
|
name: "Verify ticket #16671 is fixed", |
|
timeout: 10000, |
|
setUp: function() { |
|
this.data = {runner: runner, topBar: dom.byId("topBar"), bottomBar: dom.byId("bottomBar")}; |
|
}, |
|
runTest: function(){ |
|
var d = new runner.Deferred(); |
|
setTimeout(d.getTestCallback(function(){ |
|
this.fixture.data.runner.assertEqual(0, this.fixture.data.topBar.offsetTop); |
|
this.fixture.data.runner.assertTrue(this.fixture.data.bottomBar.offsetTop > this.fixture.data.topBar.offsetHeight, "Bottom bar has not the expected position"); |
|
}), 2000); |
|
return d; |
|
} |
|
}]); |
|
runner.run(); |
|
}); |
|
}); |
|
</script> |
|
</head> |
|
<body style="visibility:hidden;"> |
|
|
|
<!-- Scrollable View --> |
|
<div id="view2" data-dojo-type="dojox.mobile.ScrollableView"> |
|
<div id="topBar" fixed="top" style="height: 55px; background: yellow;">Custom header for ScrollView</div> |
|
<div id= "bottomBar" fixed="bottom" style="height: 25px; background: yellow;">Custom footer for ScrollView</div> |
|
</div> |
|
|
|
</body> |
|
</html>
|
|
|