tests/prism.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>code-input Tester</title>
    <!--Import Prism-->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.css">
    <script src="prism-match-braces-compatibility.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/match-braces/prism-match-braces.min.css">

    <!--Import code-input-->
    <link rel="stylesheet" href="../code-input.css">
    <script src="../code-input.js"></script>

    <!--Import code-input plugins-->
    <script src="../plugins/auto-close-brackets.js"></script>
    <script src="../plugins/autocomplete.js"></script>
    <link rel="stylesheet" href="../plugins/autocomplete.css">
    <script src="../plugins/find-and-replace.js"></script>
    <link rel="stylesheet" href="../plugins/find-and-replace.css">
    <script src="../plugins/go-to-line.js"></script>
    <link rel="stylesheet" href="../plugins/go-to-line.css">
    <script src="../plugins/indent.js"></script>
    <link rel="stylesheet" href="../plugins/prism-line-numbers.css">
    <script src="../plugins/select-token-callbacks.js"></script>
    <script src="../plugins/special-chars.js"></script>
    <link rel="stylesheet" href="../plugins/special-chars.css">

    <script src="tester.js"></script>
</head>
<body>
    <h1>code-input Tester (Prism.js)</h1>
    <h2>If the page doesn't load, please reload it, and answer the questions in alert boxes.</h2>
    <h4><a href="hljs.html">Test for highlight.js</a></h4>
    <p>This page carries out automated tests for the code-input library to check that both the core components and the plugins work in some ways. It doesn't fully cover every scenario so you should test any code you change by hand, but it's good for quickly checking a wide range of functionality works.</p>

    <details id="collapse-results"><summary>Test Results (Click to Open)</summary><pre id="test-results"></pre></details>
    <form method="GET" class="match-braces line-numbers" action="https://google.com/search" target="_blank">
        <code-input name="q">console.log("Hello, World!");
// A second line
// A third line with &lt;html> tags</code-input>
        <input type="submit" value="Search Google For Code"/>
    </form>

    <script>
        beginTest(false);
    </script>
</body>
</html>