如何将ospec与mithril javascript一起使用

Question

我尝试使用o.spec来测试我的组件，但是失败了。

"dart test“的错误信息为：

tests/MyComponent.js:1
(function (exports, require, module, __filename, __dirname) { import MyComponent from "./src/mycomponent"
                                                              ^^^^^^

SyntaxError: Unexpected token import
    at createScript (vm.js:80:10)
    at Object.runInThisContext (vm.js:139:10)
    at Module._compile (module.js:617:28)
    at Object.Module._extensions..js (module.js:664:10)
    at Module.load (module.js:566:32)
    at tryModuleLoad (module.js:506:12)
    at Function.Module._load (module.js:498:3)
    at Module.require (module.js:597:17)
    at require (internal/module.js:11:18)
    at Glob.<anonymous> (node_modules/mithril/ospec/bin/ospec:37:37)
error Command failed with exit code 1.

由npm或yarn设置：

yarn add mithril@next webpack webpack-cli

编辑package.json：

{
  ...
  "name": "my-project",
  "scripts": {
      "start": "webpack src/index.js --output bin/app.js -d --watch",
      "build": "webpack src/index.js --output bin/app.js -p",
      "test": "ospec"
  }
}

index.html：

<!DOCTYPE html>
<body>
 <script src="bin/app.js"></script>
</body>

src/mycomponent.js：

//var m = require("mithril")
import m from "mithril"

//module.exports = {
export default {
  view: function(vnode) {
      return m("div",
          m("p", "Hello World")
      )
  }
}

src/index.js：

import m from "mithril"
import MyComponent from "./mycomponent"
//var m = require("mithril")
//var MyComponent = require("./mycomponent")

m.mount(document.body, MyComponent)

测试/MyComponent.js

import MyComponent from "./src/mycomponent"
//var MyComponent = require("./src/mycomponent")

o.spec("MyComponent", function() {
    o("returns a div", function() {
        var vnode = MyComponent.view()

        o(vnode.tag).equals("div")
        o(vnode.children.length).equals(1)
        o(vnode.children[0].tag).equals("p")
        o(vnode.children[0].children).equals("Hello world")
    })
})

Answer 1

您需要使用以下命令模拟环境

global.window = require("mithril/test-utils/browserMock.js")();
global.document = window.document;

在你的测试中。

欲了解更多信息，请访问https://mithril.js.org/testing.html