<!doctype html>
<html>
<head>
<title>light9-color-picker test</title>
<meta charset="utf-8">
<script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
<script src="/node_modules/mocha/mocha.js"></script>
<script src="/node_modules/chai/chai.js"></script>
<link rel="stylesheet" media="all" href="/node_modules/mocha/mocha.css">
<link rel="import" href="/lib/polymer/lib/elements/dom-bind.html">
<link rel="import" href="light9-color-picker.html">
</head>
<body>
<div id="mocha"><p><a href=".">Index</a></p></div>
<div id="messages"></div>
<div id="fixtures">
<dom-bind>
<template>
<light9-color-picker id="pick" color="{{color}}"></light9-color-picker>
</template>
</dom-bind>
</div>
<script>
mocha.setup('bdd');
const assert = chai.assert;
describe("RainbowCanvas", () => {
it("loads rainbow", (done) => {
const rc = new RainbowCanvas('/colorpick_rainbow_large.png', [400, 200]);
rc.onLoad(() => {
assert.equal(rc.colorAt([200, 100]), '#ff38eb');
done();
});
});
});
mocha.run();
</script>
</body>
</html>