added browser app API test

examples/browser/js/test-browser-api.js

@@ -0,0 +1,163 @@
+
+window.addEventListener("DOMContentLoaded", function () {
+    var elementId = "game-area1";
+    var area = document.getElementById(elementId);
+    var match, move, gameData;
+
+    Jocly.createMatch("classic-chess")
+        .then((_match) => {
+                console.info("match created");
+                match = _match;
+                return match.getTurn()
+            })
+        .then( (player) => {
+                console.info("Local Turn",player);
+                return match.pickMove('e4');
+            })
+        .then( (_move) => {
+                move = _move;
+                console.info("Move",move);
+                return match.getMoveString(move);
+            })
+        .then( (moveString) => {
+                console.info("Move string",moveString);
+                return match.playMove(move);
+            })
+        .then( () => {
+                console.info("Move played");
+                return match.attachElement(area)
+            })
+        .then( () => {
+                console.info("Match attached");
+                return match.getTurn()
+            })
+        .then( (player) => {
+                console.info("Proxy Turn",player);
+                var promise = new Promise( function(resolve, reject) {
+                    setTimeout(()=>{
+                        resolve();
+                    },3000);
+                });
+                return promise;
+            })
+        .then( () => {
+                return match.detachElement();
+            })
+        .then( () => {
+                var promise = new Promise( function(resolve, reject) {
+                    setTimeout(()=>{
+                        resolve();
+                    },1000);
+                });
+                return promise;
+            })
+        .then( () => {
+                return match.pickMove('e5');
+            })
+        .then( (move) => {
+                return match.playMove(move);
+            })
+        .then( () => {
+                return match.attachElement(area)
+            })
+        .then( () => {
+                console.info("attached")
+                return match.pickMove('Nf3');
+            })
+        .then( (move) => {
+                return match.playMove(move);
+            })
+        .then( () => {
+                console.info("attached")
+                return match.pickMove('a5');
+            })
+        .then( (move) => {
+                return match.applyMove(move);
+            })
+        .then( (result) => {
+                console.info("user=>",result);
+                setTimeout(()=>{
+                    match.abortUserTurn()
+                        .then(()=>{
+                            console.info("abortUserTurn succeeded");
+                        },(err)=>{
+                            console.info("abortUserTurn failed");                            
+                        })
+                },5000);
+                return match.userTurn();
+            })
+        .then( (result) => {
+                console.info("user move",result);
+            },(err)=>{
+                console.info("userTurn failed",err)
+            })
+        .then( () => {
+            console.info("computer searching");
+            return match.machineSearch();
+        })
+        .then( (result) => {
+            return match.playMove(result.move);
+        })
+        .then( () => {
+                setTimeout(()=>{
+                    match.abortMachineSearch()
+                        .then(()=>{
+                            console.info("abortMachineSearch succeeded");
+                        },(err)=>{
+                            console.info("abortMachineSearch failed");                            
+                        })
+                },50);
+                return match.machineSearch();
+            })
+        .then( (result) => {
+                console.info("machine search",result);
+            },(err)=>{
+                console.info("machine search failed",err)
+            })
+        .then( ()=>{
+                setTimeout(()=>{
+                    match.setViewOptions({
+                        notation: true
+                    })
+                },2000);
+                setTimeout(()=>{
+                    match.abortUserTurn()
+                },4000);
+                return match.userTurn()
+            })
+        .then( (result) => {
+            },()=>{
+            })
+        .then( ()=>{
+            return match.getFinished()
+        })
+        .then( (result)=>{
+            console.info("Finished:",result);
+            return match.rollback(-1)
+        })
+        .then( ()=>{
+            return match.save()
+        })
+        .then( (data)=>{
+            gameData = data;
+            return match.rollback(0);
+        })
+        .then( ()=>{
+            var promise = new Promise( function(resolve, reject) {
+                setTimeout(()=>{
+                    resolve();
+                },1000);
+            });
+            return promise;
+        })
+        .then( ()=>{
+            return match.load(gameData);
+        })
+        .then( ()=>{
+            console.info("Test done")
+        })
+        .catch( (err) => {
+            console.info("Failed",err);
+        });
+});
+

examples/browser/test-browser-api.html

@@ -0,0 +1,25 @@
+<!doctype html>
+
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+
+    <title>Jocly Test API</title>
+    <meta name="description" content="Jocly test API">
+    <meta name="author" content="Jocly">
+
+    <link rel="stylesheet" href="css/styles.css">
+
+</head>
+
+<body>
+    <div id="game-area1" class="game-area">
+        <div id="progress-bar"></div>
+    </div>
+
+    <script src="../../dist/browser/jocly.js"></script>
+    <script src="js/test-browser-api.js"></script>
+</body>
+
+</html>