From 3ec5546359239f66714ae6eb5257810877202a52 Mon Sep 17 00:00:00 2001
From: Andres Rey <andreskrey@gmail.com>
Date: Wed, 7 Dec 2016 09:59:02 +0000
Subject: Added some basic Unit Testing. HTML samples taken from readability.js

---
 test/test-pages/mozilla-2/expected-metadata.json |   7 +
 test/test-pages/mozilla-2/expected.html          |  55 +++
 test/test-pages/mozilla-2/source.html            | 408 +++++++++++++++++++++++
 3 files changed, 470 insertions(+)
 create mode 100644 test/test-pages/mozilla-2/expected-metadata.json
 create mode 100644 test/test-pages/mozilla-2/expected.html
 create mode 100644 test/test-pages/mozilla-2/source.html

(limited to 'test/test-pages/mozilla-2')

diff --git a/test/test-pages/mozilla-2/expected-metadata.json b/test/test-pages/mozilla-2/expected-metadata.json
new file mode 100644
index 0000000..d2126a6
--- /dev/null
+++ b/test/test-pages/mozilla-2/expected-metadata.json
@@ -0,0 +1,7 @@
+{
+  "title": "Welcome to Firefox Developer Edition",
+  "byline": null,
+  "dir": "ltr",
+  "excerpt": "Get to know the features that make it the most complete browser for building the Web.",
+  "readerable": false
+}
diff --git a/test/test-pages/mozilla-2/expected.html b/test/test-pages/mozilla-2/expected.html
new file mode 100644
index 0000000..3b10053
--- /dev/null
+++ b/test/test-pages/mozilla-2/expected.html
@@ -0,0 +1,55 @@
+<div id="readability-page-1" class="page">
+    <div role="main" class="sync-reminder">
+        <section class="intro container">
+            <header>
+                <p>Get to know the features that make it the most complete browser for building the Web.</p>
+            </header>
+            <ul class="features">
+                <li class="feature">
+                    <a href="https://www.youtube.com/watch?v=1R9_WdXwUsE" rel="external" class="video-play"> <img src="http://mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-webide.16763db341cb.jpg" alt="Screenshot" class="screenshot"/> </a>
+                    <h2>WebIDE</h2>
+                    <p>Develop, deploy and debug Firefox OS apps directly in your browser, or on a Firefox OS device, with this tool that replaces App Manager.</p> <a href="https://developer.mozilla.org/docs/Tools/WebIDE" rel="external" class="more">Learn more about WebIDE</a> </li>
+                <li class="feature">
+                    <a href="https://www.youtube.com/watch?v=eH0R10Ga4Hs" rel="external" class="video-play"> <img src="http://mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-valence.251f9def4d8d.jpg" alt="Screenshot" class="screenshot"/> </a>
+                    <h2>Valence</h2>
+                    <p>Develop and debug your apps across multiple browsers and devices with this powerful extension that comes pre-installed with Firefox Developer Edition.</p> <a href="https://developer.mozilla.org/docs/Tools/Firefox_Tools_Adapter" rel="external" class="more">Learn more about Valence</a> </li>
+            </ul>
+            <div class="notice">
+                <h4>Important: Sync your new profile</h4>
+                <p> Developer Edition comes with a new profile so you can run it alongside other versions of Firefox. To access your bookmarks, browsing history and more, you need to sync the profile with your existing Firefox Account, or create a new one. <a href="https://support.mozilla.org/kb/recover-lost-bookmarks-firefox-developer-edition" rel="external" class="more">Learn more</a> </p>
+            </div>
+        </section>
+        <section class="more-features">
+            <div class="container">
+                <header>
+                    <h2>Features and tools</h2> </header>
+                <ul class="features">
+                    <li class="feature">
+                        <a href="https://www.youtube.com/watch?v=eQqNfkqIJdw" rel="external" class="video-play"> <img src="http://mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-inspector.c791bf1f1a59.jpg" alt="Screenshot" class="screenshot"/> </a>
+                        <h2>Page Inspector</h2>
+                        <p>Examine the HTML and CSS of any Web page and easily modify the structure and layout of a page.</p> <a href="https://developer.mozilla.org/docs/Tools/Page_Inspector" rel="external" class="more">Learn more about Page Inspector</a> </li>
+                    <li class="feature">
+                        <a href="https://www.youtube.com/watch?v=iEDk8o9ehlw" rel="external" class="video-play"> <img src="http://mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-console.42666aaf6d03.jpg" alt="Screenshot" class="screenshot"/> </a>
+                        <h2>Web Console</h2>
+                        <p>See logged information associated with a Web page and use Web Console to interact with Web pages using JavaScript.</p> <a href="https://developer.mozilla.org/docs/Tools/Web_Console" rel="external" class="more">Learn more about Web Console</a> </li>
+                    <li class="feature">
+                        <a href="https://www.youtube.com/watch?v=OS4AxYFLCIE" rel="external" class="video-play"> <img src="http://mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-debugger.02ed86fb0c9f.jpg" alt="Screenshot" class="screenshot"/> </a>
+                        <h2>JavaScript Debugger</h2>
+                        <p>Step through JavaScript code and examine or modify its state to help track down bugs.</p> <a href="https://developer.mozilla.org/docs/Tools/Debugger" rel="external" class="more">Learn more about JavaScript Debugger</a> </li>
+                    <li class="feature">
+                        <a href="https://www.youtube.com/watch?v=w4zSG53Qlbk" rel="external" class="video-play"> <img src="http://mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-network.740d6082b3f6.jpg" alt="Screenshot" class="screenshot"/> </a>
+                        <h2>Network Monitor</h2>
+                        <p>See all the network requests your browser makes, how long each request takes and details of each request.</p> <a href="https://developer.mozilla.org/docs/Tools/Network_Monitor" rel="external" class="more">Learn more about Network Monitor</a> </li>
+                    <li class="feature">
+                        <a href="https://www.youtube.com/watch?v=R_qDaLQ8ghg" rel="external" class="video-play"> <img src="http://mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-webaudio.a10ebc48d017.jpg" alt="Screenshot" class="screenshot"/> </a>
+                        <h2>Web Audio Editor</h2>
+                        <p>Inspect and interact with Web Audio API in real time to ensure that all audio nodes are connected in the way you expect.</p> <a href="https://developer.mozilla.org/docs/Tools/Web_Audio_Editor" rel="external" class="more">Learn more about Web Audio Editor</a> </li>
+                    <li class="feature">
+                        <a href="https://www.youtube.com/watch?v=3kdBvvIZIqU" rel="external" class="video-play"> <img src="http://mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-style-editor.87c5d2017506.jpg" alt="Screenshot" class="screenshot"/> </a>
+                        <h2>Style Editor</h2>
+                        <p>View and edit CSS styles associated with a Web page, create new ones and apply existing CSS stylesheets to any page.</p> <a href="https://developer.mozilla.org/docs/Tools/Style_Editor" rel="external" class="more">Learn more about Style Editor</a> </li>
+                </ul>
+            </div>
+        </section>
+    </div>
+</div>
\ No newline at end of file
diff --git a/test/test-pages/mozilla-2/source.html b/test/test-pages/mozilla-2/source.html
new file mode 100644
index 0000000..31f30a6
--- /dev/null
+++ b/test/test-pages/mozilla-2/source.html
@@ -0,0 +1,408 @@
+
+
+<!doctype html>
+<html class="windows x86 no-js" lang="en" dir="ltr" data-latest-firefox="37.0.2" data-esr-versions="[31]">
+  <head>
+    <meta charset="utf-8"/>
+<!--
+             _.-~-.
+           7''  Q..\
+        _7         (_
+      _7  _/    _q.  /
+    _7 . ___  /VVvv-'_                                            .
+   7/ / /~- \_\\      '-._     .-'                      /       //
+  ./ ( /-~-/||'=.__  '::. '-~'' {             ___   /  //     ./{
+ V   V-~-~| ||   __''_   ':::.   ''~-~.___.-'' _/  // / {_   /  {  /
+  VV/-~-~-|/ \ .'__'. '.    '::                     _ _ _        ''.
+  / /~~~~||VVV/ /  \ )  \        _ __ ___   ___ ___(_) | | __ _   .::'
+ / (~-~-~\\.-' /    \'   \::::. | '_ ` _ \ / _ \_  / | | |/ _` | :::'
+/..\    /..\__/      '     '::: | | | | | | (_) / /| | | | (_| | ::'
+vVVv    vVVv                 ': |_| |_| |_|\___/___|_|_|_|\__,_| ''
+
+Hi there, nice to meet you!
+
+Interested in having a direct impact on hundreds of millions of users? Join
+Mozilla, and become part of a global community that’s helping to build a
+brighter future for the Web.
+
+Visit https://careers.mozilla.org to learn about our current job openings.
+Visit https://www.mozilla.org/contribute for more ways to get involved and
+help support Mozilla.-->
+
+        <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="robots" content="noindex"/>
+    <title>Welcome to Firefox Developer Edition</title>
+    <meta name="description" content=""/>
+    <meta property="og:type" content="website"/>
+    <meta property="og:site_name" content="Mozilla"/>
+    <meta property="og:locale" content="en_US"/>
+    <meta property="og:url" content="https://www.mozilla.org/en-US/firefox/developer/"/>
+    <meta property="og:image" content="https://mozorg.cdn.mozilla.net/media/img/firefox/developer/page-image.03bbe7da3199.png"/>
+    <meta property="og:title" content="Welcome to Firefox Developer Edition"/>
+    <meta property="og:description" content="Built for those who build the Web. Introducing the only browser made for developers."/>
+    <meta property="fb:page_id" content="14696440021"/>
+    <meta name="twitter:card" content="summary"/>
+    <meta name="twitter:site" content="@firefox"/>
+    <meta name="twitter:domain" content="mozilla.org"/>
+    <meta name="twitter:app:name:googleplay" content="Firefox"/>
+    <meta name="twitter:app:id:googleplay" content="org.mozilla.firefox"/>
+    <link rel="author" type="text/plain" href="/humans.txt"/>
+    <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="//mozorg.cdn.mozilla.net/media/img/firefox/ios-icon-180.7a8401f21915.png"/>
+    <link rel="icon" type="image/png" sizes="196x196" href="//mozorg.cdn.mozilla.net/media/img/firefox/favicon-196.223e1bcaf067.png"/>
+    <link rel="shortcut icon" href="//mozorg.cdn.mozilla.net/media/img/firefox/favicon.dc6635050bf5.ico"/>
+        <link rel="canonical" hreflang="en" href="https://www.mozilla.org/en-US/firefox/39.0a2/firstrun/"/>
+    <link rel="alternate" hreflang="x-default" href="https://www.mozilla.org/firefox/39.0a2/firstrun/"/>
+    <link rel="alternate" hreflang="an" href="https://www.mozilla.org/an/firefox/39.0a2/firstrun/" title="aragonés"/>
+    <link rel="alternate" hreflang="ast" href="https://www.mozilla.org/ast/firefox/39.0a2/firstrun/" title="Asturianu"/>
+    <link rel="alternate" hreflang="bg" href="https://www.mozilla.org/bg/firefox/39.0a2/firstrun/" title="Български"/>
+    <link rel="alternate" hreflang="bn-IN" href="https://www.mozilla.org/bn-IN/firefox/39.0a2/firstrun/" title="বাংলা (ভারত)"/>
+    <link rel="alternate" hreflang="ca" href="https://www.mozilla.org/ca/firefox/39.0a2/firstrun/" title="Català"/>
+    <link rel="alternate" hreflang="cs" href="https://www.mozilla.org/cs/firefox/39.0a2/firstrun/" title="Čeština"/>
+    <link rel="alternate" hreflang="cy" href="https://www.mozilla.org/cy/firefox/39.0a2/firstrun/" title="Cymraeg"/>
+    <link rel="alternate" hreflang="de" href="https://www.mozilla.org/de/firefox/39.0a2/firstrun/" title="Deutsch"/>
+    <link rel="alternate" hreflang="dsb" href="https://www.mozilla.org/dsb/firefox/39.0a2/firstrun/" title="Dolnoserbšćina"/>
+    <link rel="alternate" hreflang="en-GB" href="https://www.mozilla.org/en-GB/firefox/39.0a2/firstrun/" title="English (British)"/>
+    <link rel="alternate" hreflang="en" href="https://www.mozilla.org/en-US/firefox/39.0a2/firstrun/" title="English"/>
+    <link rel="alternate" hreflang="en-CA" href="https://www.mozilla.org/en-US/firefox/39.0a2/firstrun/" title="English (Canada)"/>
+    <link rel="alternate" hreflang="eo" href="https://www.mozilla.org/eo/firefox/39.0a2/firstrun/" title="Esperanto"/>
+    <link rel="alternate" hreflang="es-AR" href="https://www.mozilla.org/es-AR/firefox/39.0a2/firstrun/" title="Español (de Argentina)"/>
+    <link rel="alternate" hreflang="es-CL" href="https://www.mozilla.org/es-CL/firefox/39.0a2/firstrun/" title="Español (de Chile)"/>
+    <link rel="alternate" hreflang="es-ES" href="https://www.mozilla.org/es-ES/firefox/39.0a2/firstrun/" title="Español (de España)"/>
+    <link rel="alternate" hreflang="es-MX" href="https://www.mozilla.org/es-MX/firefox/39.0a2/firstrun/" title="Español (de México)"/>
+    <link rel="alternate" hreflang="fr" href="https://www.mozilla.org/fr/firefox/39.0a2/firstrun/" title="Français"/>
+    <link rel="alternate" hreflang="fy-NL" href="https://www.mozilla.org/fy-NL/firefox/39.0a2/firstrun/" title="Frysk"/>
+    <link rel="alternate" hreflang="gd" href="https://www.mozilla.org/gd/firefox/39.0a2/firstrun/" title="Gàidhlig"/>
+    <link rel="alternate" hreflang="hsb" href="https://www.mozilla.org/hsb/firefox/39.0a2/firstrun/" title="Hornjoserbsce"/>
+    <link rel="alternate" hreflang="hu" href="https://www.mozilla.org/hu/firefox/39.0a2/firstrun/" title="magyar"/>
+    <link rel="alternate" hreflang="hy-AM" href="https://www.mozilla.org/hy-AM/firefox/39.0a2/firstrun/" title="Հայերեն"/>
+    <link rel="alternate" hreflang="id" href="https://www.mozilla.org/id/firefox/39.0a2/firstrun/" title="Bahasa Indonesia"/>
+    <link rel="alternate" hreflang="is" href="https://www.mozilla.org/is/firefox/39.0a2/firstrun/" title="íslenska"/>
+    <link rel="alternate" hreflang="it" href="https://www.mozilla.org/it/firefox/39.0a2/firstrun/" title="Italiano"/>
+    <link rel="alternate" hreflang="ja" href="https://www.mozilla.org/ja/firefox/39.0a2/firstrun/" title="日本語"/>
+    <link rel="alternate" hreflang="lt" href="https://www.mozilla.org/lt/firefox/39.0a2/firstrun/" title="lietuvių kalba"/>
+    <link rel="alternate" hreflang="nl" href="https://www.mozilla.org/nl/firefox/39.0a2/firstrun/" title="Nederlands"/>
+    <link rel="alternate" hreflang="pt-BR" href="https://www.mozilla.org/pt-BR/firefox/39.0a2/firstrun/" title="Português (do Brasil)"/>
+    <link rel="alternate" hreflang="pt-PT" href="https://www.mozilla.org/pt-PT/firefox/39.0a2/firstrun/" title="Português (Europeu)"/>
+    <link rel="alternate" hreflang="ru" href="https://www.mozilla.org/ru/firefox/39.0a2/firstrun/" title="Русский"/>
+    <link rel="alternate" hreflang="sk" href="https://www.mozilla.org/sk/firefox/39.0a2/firstrun/" title="slovenčina"/>
+    <link rel="alternate" hreflang="sl" href="https://www.mozilla.org/sl/firefox/39.0a2/firstrun/" title="Slovenščina"/>
+    <link rel="alternate" hreflang="son" href="https://www.mozilla.org/son/firefox/39.0a2/firstrun/" title="Soŋay"/>
+    <link rel="alternate" hreflang="sq" href="https://www.mozilla.org/sq/firefox/39.0a2/firstrun/" title="Shqip"/>
+    <link rel="alternate" hreflang="sv-SE" href="https://www.mozilla.org/sv-SE/firefox/39.0a2/firstrun/" title="Svenska"/>
+    <link rel="alternate" hreflang="tr" href="https://www.mozilla.org/tr/firefox/39.0a2/firstrun/" title="Türkçe"/>
+    <link rel="alternate" hreflang="uk" href="https://www.mozilla.org/uk/firefox/39.0a2/firstrun/" title="Українська"/>
+    <link rel="alternate" hreflang="uz" href="https://www.mozilla.org/uz/firefox/39.0a2/firstrun/" title="Oʻzbek tili"/>
+    <link rel="alternate" hreflang="zh-CN" href="https://www.mozilla.org/zh-CN/firefox/39.0a2/firstrun/" title="中文 (简体)"/>
+    <link rel="alternate" hreflang="zh-TW" href="https://www.mozilla.org/zh-TW/firefox/39.0a2/firstrun/" title="正體中文 (繁體)"/>
+
+
+
+          <link href="//mozorg.cdn.mozilla.net/media/css/tabzilla-min.c4ec201287fa.css" rel="stylesheet" type="text/css" />
+    <!--[if lte IE 8]>
+            <script src="//mozorg.cdn.mozilla.net/media/js/libs/html5shiv.d580a4cd1cb4.js"></script>
+    <![endif]-->
+
+    <!--[if lte IE 7]>
+            <link href="//mozorg.cdn.mozilla.net/media/css/oldIE-bundle.fc1d1a0990cc.css" rel="stylesheet" type="text/css" />    <![endif]-->
+
+    <!--[if !lte IE 7]><!-->
+          <link href="//mozorg.cdn.mozilla.net/media/css/firefox_developer_firstrun-bundle.c1bf35b84c00.css" rel="stylesheet" type="text/css" />
+            <!--<![endif]-->
+
+
+    <script type="text/javascript" src="//mozorg.cdn.mozilla.net/media/js/site-bundle.4d72c30b1a11.js" charset="utf-8"></script>
+
+              <script>
+var _gaq = _gaq || [];
+var pluginUrl = '//www.google-analytics.com/plugins/ga/inpage_linkid.js';
+_gaq.push(['_require', 'inpage_linkid', pluginUrl]);
+_gaq.push(['_setAccount', 'UA-36116321-1']);
+_gaq.push(['_setAllowLinker', true]);
+_gaq.push(['_setAllowAnchor', true]);
+_gaq.push(['_gat._anonymizeIp']);
+_gaq.push(['_trackPageview']);
+
+(function() {
+    var ga = document.createElement('script');
+    ga.type = 'text/javascript';
+    ga.async = true;
+
+    var prefix = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www');
+    ga.src = prefix + '.google-analytics.com/ga.js';
+
+    var s = document.getElementsByTagName('script')[0];
+    s.parentNode.insertBefore(ga, s);
+})();
+</script>      </head>
+
+  <body id="firefox-developer-firstrun" class="html-ltr blueprint">
+    <div id="strings"
+      data-global-close="Close"
+      data-global-next="Next"
+      data-global-previous="Previous"
+      data-global-update-firefox="Update your Firefox"
+      data-devtools-title="Developer Tools"
+data-devtools-text="The most complete browser made just for developers, Firefox Developer Edition has every dev tool you’ll need built right in."
+data-next-webide="Next: WebIDE"
+data-webide-title="Try WebIDE"
+data-webide-text="Develop, deploy and debug Firefox OS apps directly in your browser or on a Firefox OS device."
+data-next-sync="Next: Sync"
+
+  data-sync-title="Important"
+  data-sync-text="Sync your new Developer Edition profile to your Firefox Account to access bookmarks, browsing history, passwords and more from your existing Firefox profile."
+  data-doorhanger-sync="Sync now"
+
+data-doorhanger-close="Close"
+data-doorhanger-nothanks="No thanks"
+data-webide-icon="//mozorg.cdn.mozilla.net/media/img/firefox/dev-firstrun/webide-blue.b8e098d7c9d9.png"
+data-webide-icon-high-res="//mozorg.cdn.mozilla.net/media/img/firefox/dev-firstrun/webide-blue-high-res.707008e1b9c2.png"
+data-devtools-icon="//mozorg.cdn.mozilla.net/media/img/firefox/dev-firstrun/devtools-blue.f5802a402e31.png"
+data-devtools-icon-high-res="//mozorg.cdn.mozilla.net/media/img/firefox/dev-firstrun/devtools-blue-high-res.977645f39d48.png"
+data-sync-icon="//mozorg.cdn.mozilla.net/media/img/firefox/dev-firstrun/sync-blue.c4ab116c7489.png"
+data-sync-icon-high-res="//mozorg.cdn.mozilla.net/media/img/firefox/dev-firstrun/sync-blue-high-res.25933e6416f9.png"
+
+  data-sync-reminder-title="Before you go&hellip;"
+  data-sync-reminder-text="If you continue without syncing your new Developer Edition profile, you could lose access to important browsing data from your existing Firefox profile. To sync now, choose the Sync option from this menu."
+
+></div>
+    <div id="outer-wrapper">
+
+
+    <div id="wrapper">
+
+          <header id="masthead">
+        <a href="/en-US/" id="tabzilla" data-infobar="update translation">Mozilla</a>
+
+
+          <h2><img class="js " src="" data-processed="false" data-src="//mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/title.949ac051aba3.png" data-high-res="true" data-high-res-src="//mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/title-high-res.3bd820c2e8da.png" width="220" alt="Firefox Developer Edition" height="84"/><noscript><img class="" src="//mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/title.949ac051aba3.png" width="220" alt="Firefox Developer Edition" height="84"/></noscript></h2>
+
+
+
+
+              </header>
+
+
+
+
+<main role="main" class="sync-reminder" >
+  <section class="intro container">
+    <header>
+      <h1>Welcome to <span>Firefox Developer Edition</span></h1>
+      <p>Get to know the features that make it the most complete browser for building the Web.</p>
+    </header>
+    <ul class="features">
+      <li class="feature">
+        <a href="https://www.youtube.com/watch?v=1R9_WdXwUsE" rel="external" class="video-play">
+          <img src="//mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-webide.16763db341cb.jpg" alt="Screenshot" class="screenshot"/>
+        </a>
+        <h2>WebIDE</h2>
+        <p>Develop, deploy and debug Firefox OS apps directly in your browser, or on a Firefox OS device, with this tool that replaces App Manager.</p>
+        <a href="https://developer.mozilla.org/docs/Tools/WebIDE" rel="external" class="more">Learn more about WebIDE</a>
+        <div class="responsive-video-container">
+          <div class="video" data-video-id="1R9_WdXwUsE"></div>
+        </div>
+      </li>
+      <li class="feature">
+        <a href="https://www.youtube.com/watch?v=eH0R10Ga4Hs" rel="external" class="video-play">
+          <img src="//mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-valence.251f9def4d8d.jpg" alt="Screenshot" class="screenshot"/>
+        </a>
+        <h2>Valence</h2>
+        <p>Develop and debug your apps across multiple browsers and devices with this powerful extension that comes pre-installed with Firefox Developer Edition.</p>
+        <a href="https://developer.mozilla.org/docs/Tools/Firefox_Tools_Adapter" rel="external" class="more">Learn more about Valence</a>
+        <div class="responsive-video-container">
+          <div class="video" data-video-id="eH0R10Ga4Hs"></div>
+        </div>
+      </li>
+    </ul>
+          <div class="notice">
+        <h4>Important: Sync your new profile</h4>
+        <p>
+          Developer Edition comes with a new profile so you can run it alongside other versions of Firefox. To access your bookmarks, browsing history and more, you need to sync the profile with your existing Firefox Account, or create a new one.
+          <a href="https://support.mozilla.org/kb/recover-lost-bookmarks-firefox-developer-edition" rel="external" class="more">Learn more</a>
+        </p>
+      </div>
+      </section>
+
+  <section class="more-features">
+    <div class="container">
+      <header>
+        <h2>Features and tools</h2>
+      </header>
+      <ul class="features">
+        <li class="feature">
+          <a href="https://www.youtube.com/watch?v=eQqNfkqIJdw" rel="external" class="video-play">
+            <img src="//mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-inspector.c791bf1f1a59.jpg" alt="Screenshot" class="screenshot"/>
+          </a>
+          <h2>Page Inspector</h2>
+          <p>Examine the HTML and CSS of any Web page and easily modify the structure and layout of a page.</p>
+          <a href="https://developer.mozilla.org/docs/Tools/Page_Inspector" rel="external" class="more">Learn more about Page Inspector</a>
+          <div class="responsive-video-container">
+            <div class="video" data-video-id="eQqNfkqIJdw"></div>
+          </div>
+        </li>
+        <li class="feature">
+          <a href="https://www.youtube.com/watch?v=iEDk8o9ehlw" rel="external" class="video-play">
+            <img src="//mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-console.42666aaf6d03.jpg" alt="Screenshot" class="screenshot"/>
+          </a>
+          <h2>Web Console</h2>
+          <p>See logged information associated with a Web page and use Web Console to interact with Web pages using JavaScript.</p>
+          <a href="https://developer.mozilla.org/docs/Tools/Web_Console" rel="external" class="more">Learn more about Web Console</a>
+          <div class="responsive-video-container">
+            <div class="video" data-video-id="iEDk8o9ehlw"></div>
+          </div>
+        </li>
+        <li class="feature">
+          <a href="https://www.youtube.com/watch?v=OS4AxYFLCIE" rel="external" class="video-play">
+            <img src="//mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-debugger.02ed86fb0c9f.jpg" alt="Screenshot" class="screenshot"/>
+          </a>
+          <h2>JavaScript Debugger</h2>
+          <p>Step through JavaScript code and examine or modify its state to help track down bugs.</p>
+          <a href="https://developer.mozilla.org/docs/Tools/Debugger" rel="external" class="more">Learn more about JavaScript Debugger</a>
+          <div class="responsive-video-container">
+            <div class="video" data-video-id="OS4AxYFLCIE"></div>
+          </div>
+        </li>
+        <li class="feature">
+          <a href="https://www.youtube.com/watch?v=w4zSG53Qlbk" rel="external" class="video-play">
+            <img src="//mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-network.740d6082b3f6.jpg" alt="Screenshot" class="screenshot"/>
+          </a>
+          <h2>Network Monitor</h2>
+          <p>See all the network requests your browser makes, how long each request takes and details of each request.</p>
+          <a href="https://developer.mozilla.org/docs/Tools/Network_Monitor" rel="external" class="more">Learn more about Network Monitor</a>
+          <div class="responsive-video-container">
+            <div class="video" data-video-id="w4zSG53Qlbk"></div>
+          </div>
+        </li>
+        <li class="feature">
+          <a href="https://www.youtube.com/watch?v=R_qDaLQ8ghg" rel="external" class="video-play">
+            <img src="//mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-webaudio.a10ebc48d017.jpg" alt="Screenshot" class="screenshot"/>
+          </a>
+          <h2>Web Audio Editor</h2>
+          <p>Inspect and interact with Web Audio API in real time to ensure that all audio nodes are connected in the way you expect.</p>
+          <a href="https://developer.mozilla.org/docs/Tools/Web_Audio_Editor" rel="external" class="more">Learn more about Web Audio Editor</a>
+          <div class="responsive-video-container">
+            <div class="video" data-video-id="R_qDaLQ8ghg"></div>
+          </div>
+        </li>
+        <li class="feature">
+          <a href="https://www.youtube.com/watch?v=3kdBvvIZIqU" rel="external" class="video-play">
+            <img src="//mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-style-editor.87c5d2017506.jpg" alt="Screenshot" class="screenshot"/>
+          </a>
+          <h2>Style Editor</h2>
+          <p>View and edit CSS styles associated with a Web page, create new ones and apply existing CSS stylesheets to any page.</p>
+          <a href="https://developer.mozilla.org/docs/Tools/Style_Editor" rel="external" class="more">Learn more about Style Editor</a>
+          <div class="responsive-video-container">
+            <div class="video" data-video-id="3kdBvvIZIqU"></div>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </section>
+</main>
+
+
+
+    </div><!-- close #wrapper -->
+
+                <footer id="colophon" class="">
+        <nav class="row">
+          <div class="col col-1">
+            <h1 class="logo"><a href="/en-US/">Mozilla</a></h1>
+            <p class="license">Portions of this content are ©1998–2015 by individual mozilla.org contributors. Content available under a <a href="/en-US/foundation/licensing/website-content/">Creative Commons license</a>.</p>
+          </div>
+          <div class="col col-2">
+            <ul class="links-join">
+              <li><a href="/en-US/contact/spaces/">Contact Us</a></li>
+              <li class="wrap"><a href="/en-US/about/partnerships/">Partner with Us</a></li>
+              <li class="clear"><a href="https://sendto.mozilla.org/page/contribute/givenow-seq?preset=2&amp;source=mozillaorg_footer&amp;ref=EOYFR2014&amp;utm_campaign=EOYFR2014&amp;utm_source=mozilla.org&amp;utm_medium=referral&amp;utm_content=mozillaorg_footer" class="donate">Donate</a></li>
+              <li class="wrap"><a href="https://affiliates.mozilla.org/">Firefox Affiliates</a></li>
+              <li class="clear"><a href="https://wiki.mozilla.org/Webdev/GetInvolved/mozilla.org">Contribute to this site</a></li>
+            </ul>
+            <ul class="links-legal">
+              <li><a href="/en-US/privacy/">Privacy</a></li>
+              <li class="wrap"><a href="/en-US/privacy/websites/#cookies">Cookies</a></li>
+              <li class="wrap"><a href="/en-US/about/legal/">Legal</a></li>
+              <li class="clear"><a href="/en-US/about/legal/fraud-report/">Report Trademark Abuse</a></li>
+            </ul>
+          </div>
+          <div class="col col-3">
+            <ul class="links-social">
+              <li>
+                Mozilla:
+                <ul>
+                  <li><a href="https://twitter.com/mozilla">Twitter<span> (@mozilla)</span></a></li>
+                  <li><a href="https://www.facebook.com/mozilla">Facebook<span> (Mozilla)</span></a></li>
+                </ul>
+              </li>
+              <li>
+                Firefox:
+                <ul>
+                  <li><a href="https://twitter.com/firefox">Twitter<span> (@firefox)</span></a></li>
+                  <li><a href="https://www.facebook.com/Firefox">Facebook<span> (Firefox)</span></a></li>
+                  <li><a href="https://www.youtube.com/firefoxchannel">YouTube<span> (firefoxchannel)</span></a></li>
+                </ul>
+              </li>
+            </ul>
+            <div class="lang-switcher">
+              <form id="lang_form" method="get" action="#">
+  <label for="language">Other languages:</label>
+  <select id="language" name="lang" dir="ltr">
+          <option lang="an" value="an">aragonés</option>
+          <option lang="ast" value="ast">Asturianu</option>
+          <option lang="bg" value="bg">Български</option>
+          <option lang="bn-IN" value="bn-IN">বাংলা (ভারত)</option>
+          <option lang="ca" value="ca">Català</option>
+          <option lang="cs" value="cs">Čeština</option>
+          <option lang="cy" value="cy">Cymraeg</option>
+          <option lang="de" value="de">Deutsch</option>
+          <option lang="dsb" value="dsb">Dolnoserbšćina</option>
+          <option lang="en-GB" value="en-GB">English (British)</option>
+          <option lang="en-US" value="en-US" selected>English</option>
+          <option lang="eo" value="eo">Esperanto</option>
+          <option lang="es-AR" value="es-AR">Español (de Argentina)</option>
+          <option lang="es-CL" value="es-CL">Español (de Chile)</option>
+          <option lang="es-ES" value="es-ES">Español (de España)</option>
+          <option lang="es-MX" value="es-MX">Español (de México)</option>
+          <option lang="fr" value="fr">Français</option>
+          <option lang="fy-NL" value="fy-NL">Frysk</option>
+          <option lang="gd" value="gd">Gàidhlig</option>
+          <option lang="hsb" value="hsb">Hornjoserbsce</option>
+          <option lang="hu" value="hu">magyar</option>
+          <option lang="hy-AM" value="hy-AM">Հայերեն</option>
+          <option lang="id" value="id">Bahasa Indonesia</option>
+          <option lang="is" value="is">íslenska</option>
+          <option lang="it" value="it">Italiano</option>
+          <option lang="ja" value="ja">日本語</option>
+          <option lang="lt" value="lt">lietuvių kalba</option>
+          <option lang="nl" value="nl">Nederlands</option>
+          <option lang="pt-BR" value="pt-BR">Português (do Brasil)</option>
+          <option lang="pt-PT" value="pt-PT">Português (Europeu)</option>
+          <option lang="ru" value="ru">Русский</option>
+          <option lang="sk" value="sk">slovenčina</option>
+          <option lang="sl" value="sl">Slovenščina</option>
+          <option lang="son" value="son">Soŋay</option>
+          <option lang="sq" value="sq">Shqip</option>
+          <option lang="sv-SE" value="sv-SE">Svenska</option>
+          <option lang="tr" value="tr">Türkçe</option>
+          <option lang="uk" value="uk">Українська</option>
+          <option lang="uz" value="uz">Oʻzbek tili</option>
+          <option lang="zh-CN" value="zh-CN">中文 (简体)</option>
+          <option lang="zh-TW" value="zh-TW">正體中文 (繁體)</option>
+      </select>
+  <noscript>
+    <button type="submit">Go</button>
+  </noscript>
+</form>
+            </div>
+          </div>
+        </nav>
+      </footer>
+    </div><!-- close #outer-wrapper -->
+
+    <!--[if IE 9]>
+      <script src="//mozorg.cdn.mozilla.net/media/js/libs/matchMedia.3fd01d1af18b.js"></script>
+    <![endif]-->
+
+      <script type="text/javascript" src="//mozorg.cdn.mozilla.net/media/js/firefox-resp-bundle.ec015d66a726.js" charset="utf-8"></script>          <script src="//mozorg.cdn.mozilla.net/en-US/tabzilla/tabzilla.js"></script>
+          <script type="text/javascript" src="//mozorg.cdn.mozilla.net/media/js/firefox_developer_firstrun-bundle.28d5bb93eb60.js" charset="utf-8"></script>      </body>
+</html>
-- 
cgit v1.2.3