<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Test Suite | Ice for JavaScript</title>
    <link rel="icon" type="image/x-icon" href="/assets/favicon.ico"/>
    <link rel="stylesheet" type="text/css" href="/assets/common.css"/>

    <script src="/assets/common.min.js"></script>
    {{#scripts}}
    <script src="{{.}}"></script>
    {{/scripts}}
    <script type="text/javascript">
      var current = "{{current}}";
      var TestCases = {{{TestCases}}};
    </script>
  </head>
  <body>
    <div id="header">
        <nav class="top-bar" data-topbar>
            <ul class="title-area">
                <li class="name">
                    <h1><a href="#">Ice for JavaScript</a></h1>
                </li>
                <li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
            </ul>
            <section class="top-bar-section">
                <!-- Right Nav Section -->
                <ul class="right">
                    <li class="divider"></li>
                    <li><a href="#" id="viewReadme">Readme</a></li>
                </ul>
            </section>
        </nav>
        <ul class="breadcrumbs">
            <li>Ice</li>
            <li class="current"><a href="#">Test</a></li>
        </ul>
    </div>
    <section role="main" id="body">
        <div class="row">
            <div class="large-12 medium-12 columns">
                <form>
                    <div class="row">
                        <div class="small-3 columns">
                            <label class="right inline">Test:</label>
                        </div>
                        <div class="small-9 columns">
                            <select id="test">
                                {{#tests}}
                                    <option value="/test/{{.}}/index.html">{{.}}</option>
                                {{/tests}}
                            </select>
                        </div>
                    </div>
                    <div class="row">
                        <div class="small-3 columns">
                            <label class="right inline">Server:</label>
                        </div>
                        <div class="small-9 columns">
                            <select id="language">
                                {{#languages}}
                                <option value="{{value}}">{{name}}</option>
                                {{/languages}}
                            </select>
                        </div>
                    </div>
                    <div class="row">
                        <div class="small-3 columns">
                            <label class="right inline">Protocol:</label>
                        </div>
                        <div class="small-9 columns">
                            <select id="protocol">
                                <option value="ws">WS</option>
                                <option value="wss">WSS</option>
                            </select>
                        </div>
                    </div>
                    <div class="row">
                        <div class="small-3 columns">
                            <label class="right inline" for="worker">Worker:</label>
                        </div>
                        <div class="small-9 columns">
                            <input id="worker" type="checkbox"/>
                        </div>
                    </div>
                    <div class="row">
                        <div class="small-3 columns">
                            <label class="right inline" for="loop">Loop:</label>
                        </div>
                        <div class="small-9 columns">
                            <input id="loop" type="checkbox"/>
                        </div>
                    </div>
                    <a href="#" class="button" id="run">Run</a>
                    <textarea id="console" class="disabled" readonly></textarea>
                </form>
            </div>
        </div>
    </section>
    <!-- Modal dialog to show the client README -->
    <div id="readme-modal" class="reveal-modal" data-reveal>
        <a class="close-reveal-modal">&#215;</a>
        <h4>Test Suite Readme</h4>
        <hr/>
        <p>For instructions on how to run this test suite, please refer to the Ice for JavaScript
            <a href="https://github.com/zeroc-ice/ice/blob/master/js/BuildInstructions.md#running-the-javascript-tests">Build Instructions</a>.</p>
    </div>
    <!-- Modal dialog with setup instructions -->
    <div id="setup-modal" class="reveal-modal" data-reveal>
        <h3>The Ice for JavaScript tests require a web server. Please follow these steps to run the test suite:</h3>
        <hr/>
        <ul>
            <li>To run the browser tests, you will need to run the test HTTP server with the
                test/Common/run.py script. This script requires Ice for Python and the IceWS transport.
                Follow the instructions from your Ice distribution to setup the environment for
                Ice for Python.<br/>
                Run the following to start the HTTP server:
                <pre>python test/Common/run.py</pre></li>
            <li>Now you can run the test by navigating to <a class="go" href=""></a></li>
        </ul>
    </div>
    <div id="footer" class="show-for-medium-up">
        <div class="logo">
            <h4><strong>ZeroC</strong></h4>
        </div>
        <div class="copyright">
            <h6>© 2003-2016 ZeroC, Inc. All rights reserved.</h6>
        </div>
    </div>
  </body>
</html>
