browser-test.html

<html>
  <head>
    <meta charset="UTF-8">

    <script src="dist/flexio.min.js"></script>

    <script>function require(){return Flexio};module={exports:{}}</script>
    <script src="sdk-test-config.js"></script>


  </head>

  <body>


    <script>
      function onRunCustomTest(input)
      {
        Flexio.setup('xtdkxpcjwzkpgkhkcmhx', { host: 'localhost', debug: true, insecure: true });

        var pipe = eval(document.getElementById('input').value)

        pipe.run({query:{name:'World'}}).then(response => {
          document.getElementById('output').value = response.text
        })

      }
    </script>


    <p>This small html file tests some aspects of the Flex.io SDK which are browser-specific</p>

    <p>
    <form>
      <textarea id="input"   name="input"   type="text" rows=8 cols=80 autofocus>
          Flexio.pipe()
          .javascript(function(context) {
            context.output.write('Hello ' + context.query.name + '!')
          })
      </textarea>

      <br/>
      <button type="button" onclick="onRunCustomTest()">Run</button>
      <br/>

      <textarea id="output"  name="output"  type="text" rows=10 cols=80></textarea><br/><br/>
    </form>
    </p>

    <p>
    <form>
      <button type="button" onclick="onRunTests()">Run Tests</button>
    </form>
    </p>

    <p>
      <div id="testoutput"></div>
    </p>

    <script>
      var tests = []

      tests.push(async function testQueryString() {
        var pipe = Flexio.pipe()
                   .javascript(function(context) {
                      context.output.write('Hello ' + context.query.name + '!')
                   })

        var response = await pipe.run({ query: { name: 'World' } })
        var result = response.text

        return (result === "Hello World!")
      })

      tests.push(async function testPostData() {
        var form = new FormData();
        form.append('name', 'World');

        var pipe = Flexio.pipe()
                         .echo('Hello ${form.name}!')

        var response = await pipe.run({ data: form })
        var result = response.text

        return (result === "Hello World!")
      })


      async function runTest(funcptr)
      {
        document.getElementById("testoutput").innerHTML = ''

        var result = await funcptr()

        var str = "<pre>" + funcptr.name + " - " + (result ? "PASSED": "FAILED") + "</pre>"
        document.getElementById("testoutput").innerHTML += str
      }

      function onRunTests()
      {
        (async function() {
          for (var i = 0; i < tests.length; ++i) {
            runTest(tests[i])
          }

        })()
      }


    </script>

  </body>
</html>