mirror of
https://github.com/niklasvh/html2canvas.git
synced 2023-08-10 21:13:10 +03:00
70 lines
2.2 KiB
HTML
70 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head lang="en">
|
|
<meta charset="UTF-8">
|
|
<title>Scrolling tests</title>
|
|
<link rel="stylesheet" href="lib/mocha.css" />
|
|
<script src="../../dist/html2canvas.js"></script>
|
|
<script src="../assets/jquery-1.6.2.js"></script>
|
|
<script src="lib/expect.js"></script>
|
|
<script src="lib/mocha.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="mocha"></div>
|
|
<script>mocha.setup('bdd')</script>
|
|
<div style="height: 2200px;"></div>
|
|
<div style="height: 500px;background: green;"><a name="content">content</a></div>
|
|
<script>
|
|
describe("Scrolling", function() {
|
|
it("with random scroll", function (done) {
|
|
$(window).scrollTop(123);
|
|
setTimeout(function() {
|
|
html2canvas(document.body, {type: 'view'}).then(function () {
|
|
expect($(window).scrollTop()).to.equal(123);
|
|
done();
|
|
}).catch(function (error) {
|
|
done(error);
|
|
});
|
|
}, 0);
|
|
});
|
|
|
|
it("with url anchor", function (done) {
|
|
window.location.hash = "#content";
|
|
setTimeout(function() {
|
|
var top = $(window).scrollTop();
|
|
html2canvas(document.body, {type: 'view', removeContainer: false}).then(function () {
|
|
var currentTop = $(window).scrollTop();
|
|
window.location.hash = "";
|
|
expect(currentTop).to.be.greaterThan(1500);
|
|
if ((currentTop - top) !== 200) { // phantomjs issue
|
|
expect(currentTop).to.equal(top);
|
|
}
|
|
done();
|
|
}).catch(function (error) {
|
|
done(error);
|
|
});
|
|
}, 0);
|
|
});
|
|
});
|
|
|
|
after(function() {
|
|
if (history) {
|
|
history.pushState("", document.title, window.location.pathname + window.location.search);
|
|
}
|
|
});
|
|
|
|
mocha.checkLeaks();
|
|
mocha.globals(['jQuery']);
|
|
if (window.mochaPhantomJS) {
|
|
mochaPhantomJS.run();
|
|
}
|
|
else {
|
|
mocha.run();
|
|
}
|
|
mocha.suite.afterAll(function() {
|
|
document.body.setAttribute('data-complete', 'true');
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|