nadesiko3 3.2.27

package/test/browser/karma.config.js

@@ -0,0 +1,212 @@
+const multer =  require('multer')
+const bodyParserRaw = require('body-parser/lib/types/raw')
+const bodyParserText = require('body-parser/lib/types/text')
+const bodyParserUrlencoded =  require('body-parser/lib/types/urlencoded')
+const express = require('express')
+const path = require('path')
+
+const storage = multer.diskStorage({
+  // ファイルの保存先を指定
+  destination: function (req, file, cb) {
+    cb(null, 'tmp')
+  },
+  // ファイル名を指定(オリジナルのファイル名を指定)
+  filename: function (req, file, cb) {
+    cb(null, file.originalname)
+  }
+})
+
+const parserUpload = multer({ storage: storage })
+const parserMultipart = multer().none()
+const parserText = bodyParserText({type: ['application/x-www-form-urlencoded','multipart/form-data']})
+const parserRaw = bodyParserRaw({})
+
+var CustomMiddlewareFactory = function (config) {
+  // /custom/*
+  const custom = express.Router()
+
+  custom.get('/echo.nako3', (req, res) => {
+    // 例: http://localhost:9876/custom/echo.nako3?delay_ms=30&content=A%3D20
+    setTimeout(() => { res.send(req.query['content']) }, +req.query['delay_ms'])
+  })
+  custom.get('/cyclic_import_1.nako3', (req, res) => {
+    res.send('!「http://localhost:9876/custom/cyclic_import_2.nako3」を取り込む。\nA=100')
+  })
+  custom.get('/cyclic_import_2.nako3', (req, res) => {
+    res.send('!「http://localhost:9876/custom/cyclic_import_1.nako3」を取り込む。\nB=200')
+  })
+  custom.get('/echo.js', (req, res) => {
+    setTimeout(() => { res.send(req.query['content']) }, +req.query['delay_ms'])
+  })
+  custom.all('/delayedimage/:name', (req, res) => {
+    const filename = '/' + req.params.name
+    setTimeout(() => {
+      res.setHeader('Location', filename);
+      res.status(307).end()
+    }, 500)
+  })
+  custom.all('/ok', (req, res) => {
+    console.log('test')
+    res.send('OK')
+  })
+  custom.all('/ok/json', (req, res) => {
+    res.json('OK')
+  })
+  custom.all('/uploadimage', (req, res) => {
+    const type = req.headers['content-type'].split(';')[0]
+    if (type === 'multipart/form-data') {
+      parserUpload.single('file')(req, res, (err) => {
+        if (err) {
+          console.log('parse error'+(!!err?' and has error':''))
+          console.log(err)
+          return res.end(err)
+        }
+        return res.end('OK')
+      })
+    } else {
+      console.log(type)
+      return res.status(501).end('content-type must multipart/form-data')
+    }
+  })
+  custom.all(['/echo', '/echo/json'], (req, res) => {
+    const type = req.headers['content-type'].split(';')[0]
+    const echos = (err) => {
+      if (err) {
+        console.log('parse error'+(!!err?' and has error':''))
+        console.log(err)
+        return res.end(err)
+      }
+      let data = req.body
+      if (req.url.endsWith('/json') || typeof data !== 'string') {
+        data = JSON.stringify(data)
+      }
+      res.writeHead(200)
+      return res.end(data)
+    }
+    switch (type) {
+      case 'application/x-www-form-urlencoded':
+      case 'text/plain':
+        parserText(req, res, echos)
+        break
+      case 'application/octet-stream':
+        parserRaw(req, res, echos)
+        break
+      case 'multipart/form-data':
+        parserMultipart(req, res, echos)
+        break
+      default:
+        res.status(501).send('unsupport content-type')
+    }
+  })
+
+  const app = express()
+  app.use('/custom', custom)
+  return app
+}
+
+module.exports = function(config) {
+  config.set({
+    basePath: '',
+    frameworks: ['mocha','webpack'],
+    files: [
+      {pattern: '../../release/wnako3webworker.js', served: true, included: false},
+      'test/*_test.js',
+      'test/html/*.html',
+      {pattern: 'test/image/*.png', included: false, served: true, watched: false, nocache: false}
+    ],
+    proxies: {
+       '/wnako3webworker.js': '/absolute' + path.resolve('./release/wnako3webworker.js'),
+       '/turtle.png': '/base/test/image/turtle_kana.png',
+       '/turtle-elephant.png': '/base/test/image/elephant_kana.png',
+       '/turtle-panda.png': '/base/test/image/panda_kana.png',
+       '/test/image/': '/base/test/image/'
+    },
+    middleware: ['custom'],
+    plugins: [
+      'karma-firefox-launcher',
+      'karma-mocha',
+      'karma-mocha-reporter',
+      'karma-webpack',
+      'karma-html2js-preprocessor',
+      {'middleware:custom': ['factory', CustomMiddlewareFactory]}
+    ],
+    customLaunchers: {
+        FirefoxCustom: {
+            base: 'Firefox',
+            prefs: {
+              'dom.w3c_touch_events.enabled': 1,
+              'dom.w3c_touch_events.legacy_apis.enabled': true
+            },
+            flags: [ '-width', 400, '-height', 400 ]
+        },
+        FirefoxCustomHeadless: {
+            base: 'FirefoxHeadless',
+            prefs: {
+              'dom.w3c_touch_events.enabled': 1,
+              'dom.w3c_touch_events.legacy_apis.enabled': true
+            },
+            flags: [ '-width', 400, '-height', 400 ]
+        }
+    },
+    preprocessors: {
+      'test/*_test.js': ['webpack'],
+      'test/html/*.html': ['html2js']
+    },
+    // webpackの設定
+    webpack: {
+      mode: "development",
+      target: ["web", "es5"],
+      resolve: {
+        mainFields: ["browser", "main", "module"],
+        alias: {
+          "root": path.join(__dirname, "../.."),
+          "nako3": path.join(__dirname, '../../src'),
+          "utils" : path.join(__dirname, '../../utils')
+        }
+      },
+      module: {
+        rules: [
+          {
+            test: /\.js$/,
+            exclude: /(node_modules|bower_components)/,
+            use: { loader: 'babel-loader' }
+          },
+          {
+            test: /\.(jpg|png)$/,
+            use: { loader: 'url-loader' }
+          }
+        ]
+      }
+    },
+    reporters: ['mocha'],
+    // reporter options
+    mochaReporter: {
+      showDiff: true,
+    },
+    coverageReporter: {
+      dir: '../../coverage/browser',
+      subdir: function(browser) {
+         return browser.toLowerCase().split(/[ /-]/)[0];
+      },
+      reporters: [
+        { type: 'text' },
+        { type: 'text-summary' },
+        { type: 'lcov' },
+        { type: 'text', file: 'text.txt' },
+        { type: 'json', file: 'text.json' },
+        { type: 'text-summary', file: 'text-summary.txt' },
+        { type: 'lcovonly', file: 'report-lcovonly.txt' },
+      ],
+      instrumenterOptions: {
+        istanbul: { noCompact: true }
+      }
+    },
+    port: 9876,  // karma web server port
+    colors: true,
+    logLevel: config.LOG_INFO,
+    browsers: ['Firefox', 'FirefoxHeadless', 'FirefoxCustom', 'FirefoxCustomHeadless' ],
+    autoWatch: false,
+    // singleRun: false, // Karma captures browsers, runs the tests and exits
+    concurrency: Infinity
+  })
+}

package/test/browser/test/.babelrc.json

@@ -0,0 +1,3 @@
+{
+  "sourceType": "module"
+}

package/test/browser/test/compare_util.js

@@ -0,0 +1,50 @@
+const assert = require('chai').assert
+
+class CompareUtil {
+  constructor (nako) {
+    this._nako = nako
+  }
+
+  cmp (code, res) {
+    this.nako.logger.debug('code=' + code)
+    assert.strictEqual(this.nako.run(code).log, res)
+  }
+
+  cmpex (code, err, res) {
+    this.nako.logger.debug('code=' + code)
+    assert.throws(() => { this.nako.run(code) }, err, res)
+  }
+
+  get nako () {
+    return this._nako
+  }
+}
+
+const waitTimer = (second) => {
+  return new Promise((resolve, reject) => {
+    setTimeout(() => {
+      resolve()
+    }, second * 1000)
+  })
+}
+
+/**
+ * 5秒たつかfがエラーを投げなくなるまで繰り返す。呼び出すときは必ずawaitすること。
+ * @type {<T>(f: () => Promise<T>) => Promise<T>}
+ */
+const retry = async (f) => {
+  const startTime = Date.now()
+  while (true) {
+    try {
+      return await f()
+    } catch (err) {
+      if (Date.now() - startTime < 5000) {
+        await waitTimer(0.1)
+        continue
+      }
+      throw err
+    }
+  }
+}
+
+export { CompareUtil, waitTimer, assert, retry }

package/test/browser/test/html/canvas_basic.html

@@ -0,0 +1 @@
+<canvas id="turtle_cv" width="100" height="100"></canvas>

package/test/browser/test/html/div_basic.html

@@ -0,0 +1,2 @@
+<div id="main">
+</div>

package/test/browser/test/html/event_dom_form.html

@@ -0,0 +1,4 @@
+<form action="#" method="POST" id="form">
+<button type="button" name="normalbutton" id="button">One</button>
+<button type="submit" name="submitbutton" id="submit">Click ME</button>
+</form>

package/test/browser/test/html/event_dom_scrolldiv.html

@@ -0,0 +1,5 @@
+<div style="width:600px;height:600px" id="main">
+<div style="width:500px;height:300px" id="padding"></div>
+<div style="width:500px;height:200px" id="tgt">
+</div>
+</div>

package/test/browser/test/import_plugin_checker.js

@@ -0,0 +1,24 @@
+if (typeof (navigator) === 'object' && typeof (navigator.nako3) === 'undefined') {
+  navigator.nako3 = {
+    autoImport: {},
+    addPluginObject: function (pluginName, pluginObject) {
+      this.autoImport[pluginName] = {
+        name: pluginName,
+        obj: pluginObject,
+        imported: true
+      }
+    },
+    getAutoImport: function (pluginName) {
+      return this.autoImport[pluginName]
+    },
+    hasImport: function (pluginName) {
+      return this.autoImport.hasOwnProperty(pluginName)
+    }
+  }
+}
+
+const importStatus = {
+  getAutoImport: navigator.nako3.getAutoImport.bind(navigator.nako3),
+  hasImport: navigator.nako3.hasImport.bind(navigator.nako3)
+}
+export { importStatus }

package/test/browser/test/plugin_browser_test.js

@@ -0,0 +1,52 @@
+import 'whatwg-fetch'
+import NakoCompiler from 'nako3/nako3.js'
+import PluginBrowser from 'nako3/plugin_browser.js'
+
+import browserTestColor from './plugin_browser_test_color.js'
+import browserTestSystem from './plugin_browser_test_system.js'
+import browserTestDialog from './plugin_browser_test_dialog.js'
+import browserTestAjax from './plugin_browser_test_ajax.js'
+import browserTestDomEvent from './plugin_browser_test_dom_event.js'
+import browserTestDomParts from './plugin_browser_test_dom_parts.js'
+
+class CallReport {
+  constructor (nako) {
+    this.funcCalled = false
+    this.rslt = []
+    nako.addFunc('報告', [['を']], (msg) => {
+      this.funcCalled = true
+      this.rslt.push(msg)
+    })
+  }
+
+  reset () {
+    this.funcCalled = false
+    this.rslt = []
+  }
+
+  get isCalled () {
+    return this.funcCalled
+  }
+
+  get messages () {
+    return this.rslt
+  }
+
+  getMessageAsJson () {
+    return JSON.stringify(this.rslt)
+  }
+}
+
+
+describe('plugin_browser_test', () => {
+  const nako = new NakoCompiler()
+  nako.addPluginFile('PluginBrowser', 'plugin_browser.js', PluginBrowser)
+  window.cr = new CallReport(nako)
+
+  browserTestColor(nako)
+  browserTestSystem(nako)
+  browserTestDialog(nako)
+  browserTestAjax(nako)
+  browserTestDomEvent(nako)
+  browserTestDomParts(nako)
+})

package/test/browser/test/plugin_browser_test_ajax.js

@@ -0,0 +1,123 @@
+import * as td from 'testdouble'
+import { CompareUtil, waitTimer, retry } from './compare_util'
+
+export default (nako) => {
+  const cu = new CompareUtil(nako)
+
+  describe('ajax通信', () => {
+    it('POSTデータ生成', () => {
+      const code = `
+パラメータは空オブジェクト。
+パラメータ["KEY"]は、「VALUE」。
+パラメータ["_X"]は、「XE^ZA」。
+パラメータ["SPACE"]は、「 」。
+パラメータをPOSTデータ生成してJSONエンコードして表示する。
+`
+      cu.cmp(code, '"KEY=VALUE&_X=XE%5EZA&SPACE=%20"')
+    })
+
+    it('AJAXオプション設定', () => {
+      const code = `
+パラメータは空オブジェクト。
+パラメータ["KEY"]は、「VALUE」。
+パラメータにAJAXオプション設定する。
+AJAXオプションをJSONエンコードして表示する。
+`
+      cu.cmp(code, '{"KEY":"VALUE"}')
+    })
+
+    it('AJAX送信時', async () => {
+      const windowalert = td.replace(window, 'alert')
+      const code = '「/custom/ok」へAJAX送信時には;対象をJSONエンコードして言う;ここまで'
+      nako.logger.debug('code=' + code)
+      nako.run(code)
+
+      await retry(() => td.verify(windowalert('"OK"'), { times: 1 }))
+      td.reset()
+    }).timeout(10000)
+
+    it('POST送信時', async () => {
+      const windowalert = td.replace(window, 'alert')
+      const code = `
+パラメータは空オブジェクト。
+パラメータ["param1"]は、「data1^」。
+パラメータ["param2"]は、「data2^^」。
+パラメータを「/custom/echo/json」へPOST送信時には
+対象を言う
+ここまで
+`
+      nako.logger.debug('code=' + code)
+      nako.run(code)
+
+      await retry(() => td.verify(windowalert('"param1=data1%5E&param2=data2%5E%5E"'), { times: 1 }))
+      td.reset()
+    }).timeout(10000)
+
+    it('POSTフォーム送信時', async () => {
+      const windowalert = td.replace(window, 'alert')
+      const code = `
+パラメータは空オブジェクト。
+パラメータ["param1"]は、「data1^」。
+パラメータ["param2"]は、「data2^^」。
+パラメータを「/custom/echo/json」へPOSTフォーム送信時には
+対象を言う
+ここまで
+`
+      nako.logger.debug('code=' + code)
+      nako.run(code)
+
+      await retry(() => td.verify(windowalert('{"param1":"data1^","param2":"data2^^"}'), { times: 1 }))
+      td.reset()
+    }).timeout(10000)
+
+    it('AJAX送信', async () => {
+      const windowalert = td.replace(window, 'alert')
+      const code = `
+逐次実行
+次に、「/custom/ok/json」へAJAX送信する。
+次に、対象を言う。
+ここまで
+`
+      nako.logger.debug('code=' + code)
+      nako.run(code)
+
+      await retry(() => td.verify(windowalert('"OK"'), { times: 1 }))
+      td.reset()
+    }).timeout(10000)
+
+    it('POST送信', async () => {
+      const windowalert = td.replace(window, 'alert')
+      const code = `
+パラメータは空オブジェクト。
+パラメータ["param1"]は、「data1^」。
+パラメータ["param2"]は、「data2^^」。
+逐次実行
+次に、パラメータを「/custom/echo/json」へPOST送信する。
+次に、対象を言う。
+ここまで
+`
+      nako.logger.debug('code=' + code)
+      nako.run(code)
+      await retry(() => td.verify(windowalert('"param1=data1%5E&param2=data2%5E%5E"'), { times: 1 }))
+      td.reset()
+    }).timeout(10000)
+
+    it('POSTフォーム送信', async () => {
+      const windowalert = td.replace(window, 'alert')
+      const code = `
+パラメータは空オブジェクト。
+パラメータ["param1"]は、「data1^」。
+パラメータ["param2"]は、「data2^^」。
+逐次実行
+次に、パラメータを「/custom/echo」へPOSTフォーム送信する。
+次に、対象を言う。
+ここまで
+`
+      nako.logger.debug('code=' + code)
+      nako.run(code)
+
+      await retry(() => td.verify(windowalert('{"param1":"data1^","param2":"data2^^"}'), { times: 1 }))
+      td.reset()
+    }).timeout(10000)
+  })
+}

package/test/browser/test/plugin_browser_test_color.js

@@ -0,0 +1,18 @@
+import { CompareUtil } from './compare_util'
+
+export default (nako) => {
+  const cu = new CompareUtil(nako)
+
+  describe('色', () => {
+    it('RGB', () => {
+      cu.cmp('CODE=RGB(255,255,255);CODEを大文字変換して表示', '#FFFFFF')
+      cu.cmp('CODE=RGB(0,255,255);CODEを大文字変換して表示', '#00FFFF')
+      cu.cmp('CODE=RGB(0,0,0);CODEを大文字変換して表示', '#000000')
+      cu.cmp('CODE=22と25と255のRGB;CODEを大文字変換して表示', '#1619FF')
+      cu.cmp('22と25と255のRGBを大文字変換して表示', '#1619FF')
+    })
+    it('色混ぜる', () => {
+      cu.cmp('[255,255,255]の色混ぜして大文字変換して表示', '#FFFFFF')
+    })
+  })
+}

package/test/browser/test/plugin_browser_test_dialog.js

@@ -0,0 +1,72 @@
+import * as td from 'testdouble'
+import { assert } from './compare_util'
+
+export default (nako) => {
+  describe('言う', () => {
+    const cmpalert = (code, msg) => {
+      const windowalert = td.replace(window, 'alert')
+      td.when(windowalert(msg)).thenReturn(undefined)
+      nako.logger.debug('code=' + code)
+      nako.run(code)
+      td.verify(windowalert(td.matchers.anything()), { times: 1 })
+      td.reset()
+    }
+    it('言う', () => {
+      cmpalert('「あいうえおか」を言う', 'あいうえおか')
+    })
+  })
+  describe('尋ねる/文字尋ねる', () => {
+    const cmpprompt = (code, msg, rslt, res) => {
+      const windowprompt = td.replace(window, 'prompt')
+      td.when(windowprompt(msg)).thenReturn(rslt)
+      nako.logger.debug('code=' + code)
+      assert.strictEqual(nako.run(code).log, res)
+      td.verify(windowprompt(td.matchers.anything()), { times: 1 })
+      td.reset()
+    }
+    it('尋ねる - string', () => {
+      cmpprompt('A=「から」を尋ねる;AをJSONエンコードして表示', 'から', null, '""')
+      cmpprompt('A=「かきくけこ」を尋ねる;AをJSONエンコードして表示', 'かきくけこ', 'abc', '"abc"')
+      cmpprompt('A=「あ」を尋ねる;AをJSONエンコードして表示', 'あ', '1..5', '"1..5"')
+      cmpprompt('A=「い」を尋ねる;AをJSONエンコードして表示', 'い', '1.2.3', '"1.2.3"')
+      cmpprompt('A=「う」を尋ねる;AをJSONエンコードして表示', 'う', '....', '"...."')
+    })
+    it('尋ねる - number', () => {
+      cmpprompt('A=「あいうえおか」を尋ねる;AをJSONエンコードして表示', 'あいうえおか', '1.24', '1.24')
+      cmpprompt('A=「かききけこけ」を尋ねる;AをJSONエンコードして表示', 'かききけこけ', '20', '20')
+      cmpprompt('A=「ままみみむむ」を尋ねる;AをJSONエンコードして表示', 'ままみみむむ', '+23', '23')
+      cmpprompt('A=「さしすせそ」を尋ねる;AをJSONエンコードして表示', 'さしすせそ', '9007199254740991', '9007199254740991')
+    })
+    it('尋ねる - negative number', () => {
+      cmpprompt('A=「さしすせ」を尋ねる;AをJSONエンコードして表示', 'さしすせ', '-10', '-10')
+      cmpprompt('A=「そ」を尋ねる;AをJSONエンコードして表示', 'そ', '-0.3', '-0.3')
+    })
+    it('尋ねる - zenkaku number', () => {
+      cmpprompt('A=「とてとてとて」を尋ねる;AをJSONエンコードして表示', 'とてとてとて', '２０', '20')
+      cmpprompt('A=「りりりて」を尋ねる;AをJSONエンコードして表示', 'りりりて', '＋５．５５', '5.55')
+      cmpprompt('A=「てけり」を尋ねる;AをJSONエンコードして表示', 'てけり', '－０．３', '-0.3')
+    })
+    it('文字尋ねる - string', () => {
+      cmpprompt('A=「から」を文字尋ねる;AをJSONエンコードして表示', 'から', null, '""')
+      cmpprompt('A=「かきくけこ」を文字尋ねる;AをJSONエンコードして表示', 'かきくけこ', 'abc', '"abc"')
+      cmpprompt('A=「あ」を文字尋ねる;AをJSONエンコードして表示', 'あ', '1..5', '"1..5"')
+      cmpprompt('A=「かききけこけ」を文字尋ねる;AをJSONエンコードして表示', 'かききけこけ', '20', '"20"')
+      cmpprompt('A=「あいうえおか」を文字尋ねる;AをJSONエンコードして表示', 'あいうえおか', '1.24', '"1.24"')
+      cmpprompt('A=「そ」を文字尋ねる;AをJSONエンコードして表示', 'そ', '-0.3', '"-0.3"')
+    })
+  })
+  describe('二択', () => {
+    const cmpconfirm = (code, msg, rslt, res) => {
+      const windowconfirm = td.replace(window, 'confirm')
+      td.when(windowconfirm(msg)).thenReturn(rslt)
+      nako.logger.debug('code=' + code)
+      assert.strictEqual(nako.run(code).log, res)
+      td.verify(windowconfirm(td.matchers.anything()), { times: 1 })
+      td.reset()
+    }
+    it('二択', () => {
+      cmpconfirm('A=「これ」で二択;AをJSONエンコードして表示', 'これ', true, 'true')
+      cmpconfirm('A=「それ」で二択;AをJSONエンコードして表示', 'それ', false, 'false')
+    })
+  })
+}