# Tests

<a href="../../templates/">templates</a> | <a href="../../src/client/">src</a>
  
  
<script>
import moment from "src/external/moment.js";
import Strings from "src/client/strings.js"

async function visitURL(container, url) {
  container.followPath(url)
  await container.editFile(url)
  container.getAceEditor().focus()
  container.getAceEditor().editor.selection.moveCursorDown()
  container.getAceEditor().editor.selection.moveCursorDown()
  container.getAceEditor().editor.selection.clearSelection()
}

async function copyTemplate(dir, component, type) {
  var filename = component + "." + type
  var classname = component.split(/-/).map(ea => Strings.toUpperCaseFirst(ea)).join("")
  var url = dir  + "/" + filename
  if (await lively.files.existFile(url)) {
    lively.notify("Could not create " + url + ", beacuse it already exists!")
  } else {
    var templatejs_src = await lively.files.loadFile(dir + "/template." + type)
    templatejs_src = templatejs_src.replace(/\$\$TEMPLATE_CLASS/g, classname)
    templatejs_src = templatejs_src.replace(/\$\$TEMPLATE_ID/g, component.replace(/-test/,""))
    await lively.files.saveFile(url, templatejs_src)
  }
}

async function createEntry(container, input) {
  var path = "" + container.getPath();
  var dir = path.replace(/[^/]*$/,"");
  var test = input.value + "-test"
  
  await copyTemplate(dir, test, "js")
  visitURL(container, dir + "/" + test + ".js")
}

async function createUI(container) { 
  var div  = document.createElement("div");
  var input = document.createElement("input");
  input.value= "lively-component";
  div.appendChild(input);
  var button = document.createElement("button");
  button.addEventListener("click", () => {
    createEntry(container, input)
  });
  button.innerHTML = "create test";
  div.appendChild(button);
  return div;
}

createUI(this.parentElement)
</script>

  
<script>
(async () => {
  var container = lively.query(this, "lively-container")
  var path = "" + container.getPath();
  var dir = path.replace(/[^/]*$/,"")
  var opts = JSON.parse(await lively.files.statFile(dir))
  var testdir = dir + "../test/templates/"
  // var tests = JSON.parse(await lively.files.statFile(testdir)).contents.map(ea => ea.name)
  
  var list = document.createElement("ul")
  _.sortBy(opts.contents, ea => ea.name)
    .filter(ea => ea.name.match(/-test.js$/))
    .forEach(ea => {
      var li = document.createElement("li")
      
      var span = document.createElement("span")
      span.textContent = ea.name.replace(/\-test.js/," ")
      li.appendChild(span)
      
      var a = document.createElement("a")
      a.innerHTML = "js"
      a.href = "edit://test/templates/" + ea.name
      a.onclick = (evt) => {
        evt.preventDefault()
        container.followPath(a.getAttribute("href"))
        return true
      }
      li.appendChild(a)
      
      var span = document.createElement("span")
      span.textContent = " "
      li.appendChild(span)
      
     
        
      // var span = document.createElement("span")
      // span.textContent = " "
      // li.appendChild(span)
      
      // var testFile =  ea.name.replace(/\.html/,"-test.js")
      // if (tests.indexOf(testFile) !== -1) {
      //   var testLink = document.createElement("a")
      //   testLink.innerHTML = "test"
      //   testLink.href = testFile
      //   testLink.onclick = (evt) => {
      //     evt.preventDefault()
      //     container.followPath(testdir + "/" + testFile)
      //     return true
      //   }
      //   li.appendChild(testLink)
      // }
      
      
      list.appendChild(li)
    })
  return list
})()
</script>

<script>
(async () => { 
  var container =  lively.query(this, "lively-container")
  if (!container) {
    debugger
  }
  var button = document.createElement("button");
  button.addEventListener("click", () => {
    lively.openComponentInWindow("lively-testrunner")
  });
  button.innerHTML = "run tests";
  return button;
})(this.parentElement)
</script>