-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
27 lines (26 loc) · 10.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>DalekJS - Automated cross browser testing with JavaScript</title><meta name="description" content="DalekJS - Exterminate all the bugs"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"><link rel="icon" href="/favicon.ico" type="image/x-icon"><link rel="apple-touch-icon" href="/apple-touch-icon.png"><link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png"><link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png"><link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png"><link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png"><link rel="dns-prefetch" href="//dalekjs.com"><link rel="dns-prefetch" href="//fonts.googleapis.com"><link rel="dns-prefetch" href="//themes.googleusercontent.com"><link rel="dns-prefetch" href="//player.vimeo.com"><link rel="dns-prefetch" href="//a.vimeocdn.com"><link rel="dns-prefetch" href="//b.vimeocdn.com"><link rel="dns-prefetch" href="//www.google-analytics.com"><link rel="stylesheet" href="css/f6012980.main.css"><link href="//fonts.googleapis.com/css?family=Londrina+Solid" rel="stylesheet" type="text/css"><body><div class="grid"><header class="grid__item one-whole"><nav role="select"><ul class="nav nav--fit nav--block"><li><a href="index.html" class="active">DALEKJS</a></li><li><a href="pages/getStarted.html">Get started</a></li><li><a href="pages/documentation.html">Documentation</a></li><li><a href="pages/support.html">Support</a></li><li><a href="pages/faq.html">FAQ</a></li><li><a href="pages/merch.html">Merch</a></li></ul><select onchange="if (this.value) window.location.href = this.value"><option value="index.html">DALEKJS<option value="pages/getStarted.html">Get started<option value="pages/documentation.html">Documentation<option value="pages/support.html">Support<option value="pages/faq.html">FAQ<option value="pages/merch.html">Merch</select></nav></header><div class="wrapper centered"><div class="grid__item one-whole"><div class="grid grid__item one-half palm-one-whole"><div class="grid__item one-whole palm-one-whole"><h1 class="home">DalekJS</h1><strong class="note preview">Developer preview 0.0.9*</strong><div class="quote">Automated cross browser testing with JavaScript!</div><div class="quote">Exterminate all the bugs!</div></div><div class="grid__item one-fifth"><img class="browser-logo" src="img/6a622a8a.chrome.png"></div><div class="grid__item one-fifth"><img class="browser-logo" src="img/184207e2.explorer.png"></div><div class="grid__item one-fifth"><img class="browser-logo" src="img/e5d2d8f6.firefox.png"></div><div class="grid__item one-fifth"><img class="browser-logo" src="img/06372a16.lemmling_ghost.png"></div><div class="grid__item one-fifth"><img class="browser-logo" src="img/430ad424.ios.png"></div></div><div class="grid__item one-half palm-one-whole" style="text-align: center"><img src="img/ee9830c8.logo.png"></div></div><div class="grid__item one-whole info-box"><p class="catchy">DalekJS is an open source UI testing tool written in JavaScript, it will:</p><ul class="feature-list"><li>launch & automate your browser</li><li>fill & submit forms</li><li>click & follow links</li><li>capture screenshots</li><li>run your functional tests</li><li>… and it works on Windows, Linux & Mac</li></ul></div><div class="grid__item one-whole code-intro" id="code-intro"><h2>Quickstart</h2><ul class="grid__item one-third palm-one-whole"><li class="active-entry">Create a package.json</li><li>Install DalekJS</li><li>Write your first test</li><li>Run this beast!</li></ul><div class="grid__item two-thirds palm-one-whole stage code"><pre class="code-thingie"><code class="language-javascript">{
"name": "myCssTardis",
"description": "Is awesome",
"version": "0.0.2"
}</code></pre></div><div class="grid__item two-thirds palm-one-whole stage hidden code"><pre class="dalek-shell"><code><span class="token shell-icon">$</span> <span class="token shell-npm">npm install</span> <span class="token shell-dalek">dalek-cli</span> <span class="token shell-npm">-g</span>
<span class="token shell-icon">$</span> <span class="token shell-npm">npm install</span> <span class="token shell-dalek">dalekjs</span> <span class="token shell-npm">--save-dev</span></code></pre></div><div class="grid__item two-thirds palm-one-whole stage code hidden"><pre class="code-thingie"><code class="language-javascript">module.exports = {
'Page title is correct': function (test) {
test
.open('http://google.com')
.assert.title().is('Google', 'It has title')
.done();
}
};</code></pre></div><div class="grid__item two-thirds palm-one-whole stage hidden code"><pre class="dalek-shell cmd-output"><code><span class="token shell-icon">$</span> <span class="token shell-dalek">dalek</span> <span class="token shell-npm">test/*.js</span>
<span class="token shell-rt">Running tests</span>
<span class="token shell-rt">Running Browser:</span> <span class="token shell-browser">Phantomjs</span>
<span class="token shell-rt">RUNNING TEST -</span> <span class="token shell-tt">"Page title is correct"</span>
<span class="token shell-action">▶ OPEN http://google.com</span>
<span class="token shell-sg">✔</span> <span class="token shell-rt">TITLE It has title</span>
<span class="token shell-sg">✔</span> <span class="token shell-rt">1 Assertions run</span>
<span class="token shell-sg">✔</span> <span class="token shell-rt">TEST - <span class="token shell-tt">"Page title is correct"</span> SUCCEEDED</span>
<span class="token shell-suc">1/1 assertions passed. Elapsed Time: 2 sec</span> </code></pre></div></div><div class="grid__item one-whole video-intro" id="video-intro"><h2>Look ma</h2><ul class="grid__item one-quarter palm-one-whole"><li class="active-entry">Intro</li><li>Remote runner</li><li>@FronteersJam</li><li>@FrontTrends</li><li>@ScotlandJS</li><li>@JimdoSession</li></ul><div class="grid__item three-quarters palm-one-whole stage video"><iframe class="video__frame" src="http://player.vimeo.com/video/71466029" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen></iframe></div><div class="grid__item three-quarters palm-one-whole stage video hidden"><iframe class="video__frame" src="http://player.vimeo.com/video/78144005" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen></iframe></div><div class="grid__item three-quarters palm-one-whole stage video hidden"><iframe class="video__frame" src="http://player.vimeo.com/video/77575074" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen></iframe></div><div class="grid__item three-quarters palm-one-whole stage video hidden"><iframe class="video__frame" src="http://player.vimeo.com/video/67050198" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen></iframe></div><div class="grid__item three-quarters palm-one-whole stage video hidden"><iframe class="video__frame" src="http://player.vimeo.com/video/68703493" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen></iframe></div><div class="grid__item three-quarters palm-one-whole stage video hidden"><iframe class="video__frame" src="http://player.vimeo.com/video/75297228" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen></iframe></div></div><div class="grid__item one-whole contact"><h2>Get in touch</h2><div class="grid__item one-eighth palm-one-quarter"><a href="http://twitter.com/dalekjs"><img class="contact__icon" src="img/b6d0ea2c.twitter_bird.svg"></a></div><div class="grid__item one-quarter palm-three-quarters"><a href="http://twitter.com/dalekjs" class="contact__text">Twitter</a></div><div class="grid__item one-eighth palm-one-quarter"><img class="contact__icon" src="img/4721760d.heart.svg"></div><div class="grid__item four-eighths palm-three-quarters"><p class="contact__text longtext">#dalekjs on freenode</p></div><div class="grid__item one-eighth palm-one-quarter"><a href="https://github.com/dalekjs"><img class="contact__icon" src="img/e80b4665.github.svg"></a></div><div class="grid__item one-quarter palm-three-quarters"><a href="https://github.com/dalekjs" class="contact__text">GitHub</a></div><div class="grid__item one-eighth palm-one-quarter"><a href="http://stackoverflow.com/questions/tagged/dalekjs"><img class="contact__icon" src="img/aeaf4046.stackoverflow.svg"></a></div><div class="grid__item four-eighths palm-three-quarters"><a href="http://stackoverflow.com/questions/tagged/dalekjs" class="contact__text">Stack Overflow</a></div><div class="grid__item one-eighth palm-one-quarter"><a href="mailto:[email protected]"><img class="contact__icon" src="img/633cf3f5.email.svg"></a></div><div class="grid__item one-quarter palm-three-quarters"><a href="mailto:[email protected]" class="contact__text">Mail</a></div><div class="grid__item one-eighth palm-one-quarter"><a href="https://groups.google.com/forum/#!forum/dalekjs"><img class="contact__icon" src="img/f4535610.google_talk.svg"></a></div><div class="grid__item one-quarter palm-three-quarters"><a href="https://groups.google.com/forum/#!forum/dalekjs" class="contact__text">Google Group</a></div></div><div class="grid__item one-whole"><p class="developer-preview">* DalekJS is currently a developer preview. Some features are missing, some things might change, there's a lot of optimisation to be done. Don't use this for production!</p></div></div><footer class="grid__item one-whole footer"><span class="footer__author">DalekJS created by <a class="footer__link" href="https://github.com/asciidisco">Sebastian Golasch</a></span><span class="footer__author">Logo by <a class="footer__link" href="http://www.redbubble.com/people/scottbarker">Scott Barker</a></span><span class="footer__author">Browser icons by <a class="footer__link" href="https://github.com/substack">Substack</a></span></footer></div><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-42520123-1', 'dalekjs.com');
ga('send', 'pageview');</script><script src="js/c7d725e7.main.js"></script>