Corrected more test cases

1 files changed, 110 insertions, 49 deletions

diff --git a/test/test-pages/mozilla-1/expected.html b/test/test-pages/mozilla-1/expected.html
index 5d57295..89af93d 100644
--- a/test/test-pages/mozilla-1/expected.html
+++ b/test/test-pages/mozilla-1/expected.html
@@ -1,57 +1,118 @@
-    <div role="main" id="main-content">
-        <section id="intro">
+<div>
+    <section id="intro">
+        <div class="container">
+
+
+            <p class="lead">It’s easier than ever to personalize Firefox and make it work the way
+                you do.
+                <br class="wide-br"></br>No other browser gives you so much choice and flexibility.</p>
+            <div class="animation-wrapper" id="flexible-top-animation">
+                <img alt="" class="fallback"
+                     src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/animations/flexible-top-fallback.c960365ba781.png"></img>
+            </div>
+        </div>
+    </section>
+    <section class="ga-section" data-ga-label="Designed to be redesigned" id="designed">
+        <div class="container">
+            <div id="designed-copy">
+                <h2>Designed to <br class="wide-br"></br>be redesigned</h2>
+
+                <p>Get fast and easy access to the features you use most in the new menu.
+                    Open the “Customize” panel to add, move or remove any button you want.
+                    Keep your favorite features — add-ons, private browsing, Sync and more
+                    — one quick click away.</p>
+                <img alt="" class="js " data-high-res="true"
+                     data-high-res-src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/designed-redesigned-high-res.6efd60766484.png"
+                     data-processed="false"
+                     data-src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/designed-redesigned.fbd3ee9402e6.png"
+                     id="designed-mobile" src=""></img></div>
+            <div class="animation-wrapper" id="flexible-bottom-animation">
+                <img alt="" class="fallback"
+                     src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/animations/flexible-bottom-fallback.cafd48a3d0a4.png"></img>
+            </div>
+        </div>
+    </section>
+    <section class="ga-section" data-ga-label="More ways to customize" id="customize">
+    </section>
+    <div id="customizers-wrapper">
+        <section aria-labelledby="customize-themes" class="customizer active" id="themes" role="tabpanel">
             <div class="container">
-                <p class="lead">It’s easier than ever to personalize Firefox and make it work the way you do.
-                    <br class="wide-br"/>No other browser gives you so much choice and flexibility.</p>
-                <div class="animation-wrapper" id="flexible-top-animation"><img src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/animations/flexible-top-fallback.c960365ba781.png" class="fallback" alt=""/></div>
+                <div class="customizer-copy">
+                    <h3>Themes</h3>
+
+                    <p class="lead">Make Firefox match your style. Choose from thousands of themes and dress
+                        up your browser with a single click.</p>
+                    <p>
+                        <button aria-controls="theme-demo" id="theme-yellow" type="button">Preview yellow theme</button>
+                        <button aria-controls="theme-demo" id="theme-green" type="button">Preview green theme</button>
+                        <button aria-controls="theme-demo" id="theme-blue" type="button">Preview blue theme</button>
+                        <button aria-controls="theme-demo" class="selected" id="theme-red" type="button">Preview red
+                            theme
+                        </button>
+                    </p>
+                    <a class="more" href="https://addons.mozilla.org/firefox/themes/" rel="external">Try it now</a>
+
+                    <br></br><a class="more" href="https://support.mozilla.org/kb/use-themes-change-look-of-firefox"
+                                rel="external">Learn more</a>
+
+                </div>
+                <a class="next show-customizer" href="#add-ons" role="button">Next</a>
+
+                <div class="customizer-visual">
+                    <img alt="Preview of the currently selected theme" id="theme-demo"
+                         src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/theme-red.61611c5734ab.png"></img>
+                </div>
             </div>
         </section>
-        <section id="designed" class="ga-section" data-ga-label="Designed to be redesigned">
+        <section aria-labelledby="customize-addons" class="customizer" id="add-ons" role="tabpanel">
             <div class="container">
-                <div id="designed-copy">
-                    <h2>Designed to <br class="wide-br"/>be redesigned</h2>
-                    <p>Get fast and easy access to the features you use most in the new menu. Open the “Customize” panel to add, move or remove any button you want. Keep your favorite features — add-ons, private browsing, Sync and more — one quick click away.</p><img class="js " src="" data-processed="false" data-src="//mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/designed-redesigned.fbd3ee9402e6.png" data-high-res="true" data-high-res-src="//mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/designed-redesigned-high-res.6efd60766484.png" alt="" id="designed-mobile"/></div>
-                <div class="animation-wrapper" id="flexible-bottom-animation"><img src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/animations/flexible-bottom-fallback.cafd48a3d0a4.png" class="fallback" alt=""/></div>
+                <div class="customizer-copy">
+                    <h3>Add-ons</h3>
+                    <a class="next show-customizer" href="#awesome-bar" role="button">Next</a>
+
+                    <p class="lead">Add-ons are like apps that you install to add features to Firefox. They
+                        let you compare prices, check the weather, listen to music, send a tweet
+                        and more.</p>
+                    <ul>
+                        <li>Read the latest news &amp; blogs</li>
+                        <li>Manage your downloads</li>
+                        <li>Watch videos &amp; view photos</li>
+                    </ul>
+                    <a class="more" href="https://addons.mozilla.org/firefox/extensions/?sort=featured" rel="external">Here
+                        are a few of our favorites</a>
+
+                    <br></br><a class="more"
+                                href="https://support.mozilla.org/kb/find-and-install-add-ons-add-features-to-firefox"
+                                rel="external">Learn more</a>
+
+                </div>
+
+                <div class="customizer-visual">
+                    <img alt=""
+                         src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/add-ons.63a4b761f822.png"></img>
+                </div>
             </div>
         </section>
-        <section id="customize" class="ga-section" data-ga-label="More ways to customize"> </section>
-        <div id="customizers-wrapper">
-            <section class="customizer active" id="themes" role="tabpanel" aria-labelledby="customize-themes">
-                <div class="container">
-                    <div class="customizer-copy">
-                        <h3>Themes</h3>
-                        <p class="lead">Make Firefox match your style. Choose from thousands of themes and dress up your browser with a single click.</p>
-                        <p id="themes-thumbs">
-                            <button type="button" aria-controls="theme-demo" id="theme-yellow">Preview yellow theme</button>
-                            <button type="button" aria-controls="theme-demo" id="theme-green">Preview green theme</button>
-                            <button type="button" aria-controls="theme-demo" id="theme-blue">Preview blue theme</button>
-                            <button type="button" aria-controls="theme-demo" id="theme-red" class="selected">Preview red theme</button>
-                        </p><a class="more" rel="external" href="https://addons.mozilla.org/firefox/themes/">Try it now</a>
-                        <br/><a class="more" rel="external" href="https://support.mozilla.org/kb/use-themes-change-look-of-firefox">Learn more</a></div><a class="next show-customizer" href="#add-ons" role="button">Next</a>
-                    <div class="customizer-visual"><img id="theme-demo" src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/theme-red.61611c5734ab.png" alt="Preview of the currently selected theme"/></div>
-                </div>
-            </section>
-            <section class="customizer" id="add-ons" role="tabpanel" aria-labelledby="customize-addons">
-                <div class="container">
-                    <div class="customizer-copy">
-                        <h3>Add-ons</h3><a class="next show-customizer" href="#awesome-bar" role="button">Next</a>
-                        <p class="lead">Add-ons are like apps that you install to add features to Firefox. They let you compare prices, check the weather, listen to music, send a tweet and more.</p>
-                        <ul>
-                            <li>Read the latest news &amp; blogs</li>
-                            <li>Manage your downloads</li>
-                            <li>Watch videos &amp; view photos</li>
-                        </ul><a class="more" rel="external" href="https://addons.mozilla.org/firefox/extensions/?sort=featured">Here are a few of our favorites</a>
-                        <br/><a class="more" rel="external" href="https://support.mozilla.org/kb/find-and-install-add-ons-add-features-to-firefox">Learn more</a></div>
-                    <div class="customizer-visual"><img src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/add-ons.63a4b761f822.png" alt=""/></div>
+        <section aria-labelledby="customize-awesomebar" class="customizer" id="awesome-bar" role="tabpanel">
+            <div class="container">
+                <div class="customizer-copy">
+                    <h3>Awesome Bar</h3>
+                    <a class="next show-customizer" href="#themes" role="button">Next</a>
+
+                    <p class="lead">The Awesome Bar learns as you browse to make your version of Firefox unique.
+                        Find and return to your favorite sites without having to remember a URL.</p>
+                    <a class="more"
+                       href="https://support.mozilla.org/kb/awesome-bar-find-your-bookmarks-history-and-tabs"
+                       rel="external">See what it can do for you</a>
                 </div>
-            </section>
-            <section class="customizer" id="awesome-bar" role="tabpanel" aria-labelledby="customize-awesomebar">
-                <div class="container">
-                    <div class="customizer-copy">
-                        <h3>Awesome Bar</h3><a class="next show-customizer" href="#themes" role="button">Next</a>
-                        <p class="lead">The Awesome Bar learns as you browse to make your version of Firefox unique. Find and return to your favorite sites without having to remember a URL.</p><a class="more" rel="external" href="https://support.mozilla.org/kb/awesome-bar-find-your-bookmarks-history-and-tabs">See what it can do for you</a></div>
-                    <div class="customizer-visual"><img src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/awesome-bar.437df162126c.png" alt="Firefox Awesome Bar"/></div>
+                <div class="customizer-visual">
+                    <img alt="Firefox Awesome Bar"
+                         src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/awesome-bar.437df162126c.png"></img>
                 </div>
-            </section>
-        </div>
-        <section id="sync" class="ga-section" data-ga-label="Keep your Firefox in Sync"> </section>
\ No newline at end of file
+            </div>
+        </section>
+    </div>
+
+    <section class="ga-section" data-ga-label="Keep your Firefox in Sync" id="sync">
+    </section>
+</div>
\ No newline at end of file