mirror of
https://github.com/wahyd4/rss-visualizer.git
synced 2026-08-08 20:55:02 +10:00
Add unit test and organize code to reasonable places
This commit is contained in:
Michael Chen
+2
-2
@@ -23,8 +23,8 @@ article {
|
||||
font-size: 36px;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
-webkit-box-reflect: below 1px
|
||||
-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.6, transparent), to(white));
|
||||
/*-webkit-box-reflect: below 1px
|
||||
-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.6, transparent), to(white));*/
|
||||
}
|
||||
|
||||
article img {
|
||||
|
||||
+1
-45
@@ -23,11 +23,7 @@
|
||||
<h2></h2>
|
||||
<div class="content"></div>
|
||||
</article>
|
||||
|
||||
<div id="feed">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
|
||||
</footer>
|
||||
@@ -35,47 +31,7 @@
|
||||
<script type="text/javascript" src="js/main.js"></script>
|
||||
<script type="text/javascript">
|
||||
google.load("feeds", 1);
|
||||
var entries = [];
|
||||
var lastIndex = 0;
|
||||
var lastShow = "#a0";
|
||||
|
||||
function loadFeeds() {
|
||||
loadFeed("http://cn.engadget.com/rss.xml");
|
||||
loadFeed("http://news.ycombinator.com/rss");
|
||||
}
|
||||
|
||||
function loadFeed(url) {
|
||||
var feed = new google.feeds.Feed(url);
|
||||
feed.setNumEntries(50);
|
||||
feed.includeHistoricalEntries();
|
||||
feed.load(function(result) {
|
||||
if (!result.error) {
|
||||
es = result.feed.entries;
|
||||
for (var i = 0; i < es.length; i++) {
|
||||
entries.push(es[i]);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$(function(){
|
||||
loadFeeds();
|
||||
})
|
||||
|
||||
setInterval(function() {
|
||||
if (entries.length > 0) {
|
||||
if (lastIndex >= entries.length) {
|
||||
lastIndex = 0;
|
||||
}
|
||||
var e = entries[lastIndex++];
|
||||
$(lastShow).addClass("hide");
|
||||
var thisShow = (lastShow == "#a1" ? "#a2" : "#a1");
|
||||
$(thisShow).children("h2").text(e.title);
|
||||
$(thisShow).children(".content").html(e.content.substring(0, 250) + "...");
|
||||
$(thisShow).removeClass("hide");
|
||||
lastShow = thisShow;
|
||||
}
|
||||
}, 1000*5)
|
||||
$(function() {new RSSVisualizer().start(); })
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+98
@@ -0,0 +1,98 @@
|
||||
function Feeds() {
|
||||
|
||||
this.feeds = [];
|
||||
|
||||
this._fetchedCount = 0;
|
||||
|
||||
this.add = function(feed) {
|
||||
this.feeds.push(feed);
|
||||
}
|
||||
|
||||
this.empty = function() {
|
||||
return this.feeds.length == 0;
|
||||
}
|
||||
|
||||
this.entries = function() {
|
||||
var entries = [];
|
||||
for (var i = 0; i < this.feeds.length; i++) {
|
||||
var f = this.feeds[i];
|
||||
for (var j = 0; j < f.entries.length; j++) {
|
||||
var e = f.entries[j];
|
||||
e.feed_title = f.title;
|
||||
entries.push(e);
|
||||
}
|
||||
}
|
||||
return entries;
|
||||
}
|
||||
|
||||
this.fetch = function(feedUrl, callback) {
|
||||
var _this = this;
|
||||
var feed = new google.feeds.Feed(feedUrl);
|
||||
feed.setNumEntries(50);
|
||||
feed.includeHistoricalEntries();
|
||||
feed.load(function(result) {
|
||||
if (!result.error) {
|
||||
_this.add(result.feed);
|
||||
}
|
||||
callback();
|
||||
});
|
||||
}
|
||||
|
||||
this.fetchAll = function(feedUrls, callback) {
|
||||
var _this = this;
|
||||
for (var i = 0; i < feedUrls.length; i++) {
|
||||
this.fetch(feedUrls[i], function() {
|
||||
_this._fetchedCount++;
|
||||
if (_this._fetchedCount == feedUrls.length) {
|
||||
callback();
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function RSSVisualizer() {
|
||||
|
||||
this.feedUrls = ["http://cn.engadget.com/rss.xml", "http://news.ycombinator.com/rss"];
|
||||
this.F = new Feeds();
|
||||
this._lastIndex = 0;
|
||||
this.interval = 3; // every second
|
||||
this.entries = [];
|
||||
this.lastShow = "a1";
|
||||
|
||||
this.start = function(feedUrls) {
|
||||
var urls = feedUrls || this.feedUrls;
|
||||
var _this = this;
|
||||
this.F.fetchAll(urls, function() {
|
||||
_this.entries = _this.F.entries();
|
||||
setInterval(function() {
|
||||
_this.playRSS();
|
||||
}, _this.interval * 1000);
|
||||
});
|
||||
};
|
||||
|
||||
this.playRSS = function() {
|
||||
if (this.entries.length == 0) return;
|
||||
var e = this.entries[this._lastIndex++];
|
||||
$(this.lastShow).addClass("hide");
|
||||
var thisShow = (this.lastShow == "#a1" ? "#a2" : "#a1");
|
||||
this.showSingle(thisShow, e);
|
||||
this.lastShow = thisShow;
|
||||
};
|
||||
|
||||
this.showSingle = function(container, entry) {
|
||||
$(container).children(".from").text(entry.feed_title);
|
||||
$(container).children("h2").text(entry.title);
|
||||
$(container).children(".content").html(entry);
|
||||
$(container).removeClass("hide");
|
||||
};
|
||||
|
||||
this.renderContent = function(entry) {
|
||||
if (entry.feed_title == "Hacker News") {
|
||||
return "";
|
||||
}
|
||||
return entry.content.substring(0, 250) + "...";
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
+225
@@ -0,0 +1,225 @@
|
||||
/**
|
||||
* QUnit - A JavaScript Unit Testing Framework
|
||||
*
|
||||
* http://docs.jquery.com/QUnit
|
||||
*
|
||||
* Copyright (c) 2011 John Resig, Jörn Zaefferer
|
||||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||||
* or GPL (GPL-LICENSE.txt) licenses.
|
||||
*/
|
||||
|
||||
/** Font Family and Sizes */
|
||||
|
||||
#qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
|
||||
font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
#qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
|
||||
#qunit-tests { font-size: smaller; }
|
||||
|
||||
|
||||
/** Resets */
|
||||
|
||||
#qunit-tests, #qunit-tests ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
/** Header */
|
||||
|
||||
#qunit-header {
|
||||
padding: 0.5em 0 0.5em 1em;
|
||||
|
||||
color: #8699a4;
|
||||
background-color: #0d3349;
|
||||
|
||||
font-size: 1.5em;
|
||||
line-height: 1em;
|
||||
font-weight: normal;
|
||||
|
||||
border-radius: 15px 15px 0 0;
|
||||
-moz-border-radius: 15px 15px 0 0;
|
||||
-webkit-border-top-right-radius: 15px;
|
||||
-webkit-border-top-left-radius: 15px;
|
||||
}
|
||||
|
||||
#qunit-header a {
|
||||
text-decoration: none;
|
||||
color: #c2ccd1;
|
||||
}
|
||||
|
||||
#qunit-header a:hover,
|
||||
#qunit-header a:focus {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#qunit-banner {
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
#qunit-testrunner-toolbar {
|
||||
padding: 0.5em 0 0.5em 2em;
|
||||
color: #5E740B;
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
#qunit-userAgent {
|
||||
padding: 0.5em 0 0.5em 2.5em;
|
||||
background-color: #2b81af;
|
||||
color: #fff;
|
||||
text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
|
||||
}
|
||||
|
||||
|
||||
/** Tests: Pass/Fail */
|
||||
|
||||
#qunit-tests {
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
#qunit-tests li {
|
||||
padding: 0.4em 0.5em 0.4em 2.5em;
|
||||
border-bottom: 1px solid #fff;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
#qunit-tests.hidepass li.pass, #qunit-tests.hidepass li.running {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#qunit-tests li strong {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#qunit-tests li a {
|
||||
padding: 0.5em;
|
||||
color: #c2ccd1;
|
||||
text-decoration: none;
|
||||
}
|
||||
#qunit-tests li a:hover,
|
||||
#qunit-tests li a:focus {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#qunit-tests ol {
|
||||
margin-top: 0.5em;
|
||||
padding: 0.5em;
|
||||
|
||||
background-color: #fff;
|
||||
|
||||
border-radius: 15px;
|
||||
-moz-border-radius: 15px;
|
||||
-webkit-border-radius: 15px;
|
||||
|
||||
box-shadow: inset 0px 2px 13px #999;
|
||||
-moz-box-shadow: inset 0px 2px 13px #999;
|
||||
-webkit-box-shadow: inset 0px 2px 13px #999;
|
||||
}
|
||||
|
||||
#qunit-tests table {
|
||||
border-collapse: collapse;
|
||||
margin-top: .2em;
|
||||
}
|
||||
|
||||
#qunit-tests th {
|
||||
text-align: right;
|
||||
vertical-align: top;
|
||||
padding: 0 .5em 0 0;
|
||||
}
|
||||
|
||||
#qunit-tests td {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#qunit-tests pre {
|
||||
margin: 0;
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
#qunit-tests del {
|
||||
background-color: #e0f2be;
|
||||
color: #374e0c;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#qunit-tests ins {
|
||||
background-color: #ffcaca;
|
||||
color: #500;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/*** Test Counts */
|
||||
|
||||
#qunit-tests b.counts { color: black; }
|
||||
#qunit-tests b.passed { color: #5E740B; }
|
||||
#qunit-tests b.failed { color: #710909; }
|
||||
|
||||
#qunit-tests li li {
|
||||
margin: 0.5em;
|
||||
padding: 0.4em 0.5em 0.4em 0.5em;
|
||||
background-color: #fff;
|
||||
border-bottom: none;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
/*** Passing Styles */
|
||||
|
||||
#qunit-tests li li.pass {
|
||||
color: #5E740B;
|
||||
background-color: #fff;
|
||||
border-left: 26px solid #C6E746;
|
||||
}
|
||||
|
||||
#qunit-tests .pass { color: #528CE0; background-color: #D2E0E6; }
|
||||
#qunit-tests .pass .test-name { color: #366097; }
|
||||
|
||||
#qunit-tests .pass .test-actual,
|
||||
#qunit-tests .pass .test-expected { color: #999999; }
|
||||
|
||||
#qunit-banner.qunit-pass { background-color: #C6E746; }
|
||||
|
||||
/*** Failing Styles */
|
||||
|
||||
#qunit-tests li li.fail {
|
||||
color: #710909;
|
||||
background-color: #fff;
|
||||
border-left: 26px solid #EE5757;
|
||||
}
|
||||
|
||||
#qunit-tests > li:last-child {
|
||||
border-radius: 0 0 15px 15px;
|
||||
-moz-border-radius: 0 0 15px 15px;
|
||||
-webkit-border-bottom-right-radius: 15px;
|
||||
-webkit-border-bottom-left-radius: 15px;
|
||||
}
|
||||
|
||||
#qunit-tests .fail { color: #000000; background-color: #EE5757; }
|
||||
#qunit-tests .fail .test-name,
|
||||
#qunit-tests .fail .module-name { color: #000000; }
|
||||
|
||||
#qunit-tests .fail .test-actual { color: #EE5757; }
|
||||
#qunit-tests .fail .test-expected { color: green; }
|
||||
|
||||
#qunit-banner.qunit-fail { background-color: #EE5757; }
|
||||
|
||||
|
||||
/** Result */
|
||||
|
||||
#qunit-testresult {
|
||||
padding: 0.5em 0.5em 0.5em 2.5em;
|
||||
|
||||
color: #2b81af;
|
||||
background-color: #D2E0E6;
|
||||
|
||||
border-bottom: 1px solid white;
|
||||
}
|
||||
|
||||
/** Fixture */
|
||||
|
||||
#qunit-fixture {
|
||||
position: absolute;
|
||||
top: -10000px;
|
||||
left: -10000px;
|
||||
}
|
||||
+1448
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,64 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<script src="../js/jquery.min.js"></script>
|
||||
<link rel="stylesheet" href="qunit.css" type="text/css" media="screen" />
|
||||
<script type="text/javascript" src="qunit.js"></script>
|
||||
<script src="../js/jsapi.js"></script>
|
||||
<script type="text/javascript" src="../js/main.js"></script>
|
||||
|
||||
<script>
|
||||
google.load("feeds", 1);
|
||||
$(document).ready(function(){
|
||||
|
||||
module("Feeds", {setup: function() {
|
||||
this.F = new Feeds();
|
||||
}})
|
||||
|
||||
test("should be able to add feed", function() {
|
||||
equals(0, this.F.entries().length);
|
||||
ok(this.F.empty(), "Should be empty initially");
|
||||
this.F.add({title: "A", entries: [{}]})
|
||||
equals(1, this.F.feeds.length)
|
||||
});
|
||||
|
||||
test("should be able to combine feed entries", function() {
|
||||
this.F.add({title: "A", entries: [{}]});
|
||||
this.F.add({title: "B", entries: [{}, {}]});
|
||||
equals(3, this.F.entries().length)
|
||||
});
|
||||
|
||||
test("should fetch feed", function() {
|
||||
expect(1);
|
||||
stop();
|
||||
var _this = this;
|
||||
this.F.fetch("http://news.ycombinator.com/rss", function() {
|
||||
ok(_this.F.entries().length > 0, "Should fetch RSS");
|
||||
start();
|
||||
});
|
||||
});
|
||||
|
||||
test("should fetch feeds", function() {
|
||||
expect(1);
|
||||
stop();
|
||||
var _this = this;
|
||||
this.F.fetchAll(["http://news.ycombinator.com/rss","http://news.ycombinator.com/rss"], function() {
|
||||
ok(_this.F.entries().length > 0, "Should fetch RSS");
|
||||
start();
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<h1 id="qunit-header">QUnit example</h1>
|
||||
<h2 id="qunit-banner"></h2>
|
||||
<div id="qunit-testrunner-toolbar"></div>
|
||||
<h2 id="qunit-userAgent"></h2>
|
||||
<ol id="qunit-tests"></ol>
|
||||
<div id="qunit-fixture">test markup, will be hidden</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user