Как использовать ospec с мифриловым JavaScript - PullRequest
Новая
       35

Как использовать ospec с мифриловым JavaScript

0 голосов
/ 20 февраля 2019

Я пытаюсь использовать o.spec для проверки mycomponent, но не смог.

Сообщение об ошибке «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 add mithril@next webpack webpack-cli

изменить пакет.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)

tests / 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")
    })
})

1 Ответ

0 голосов
/ 22 апреля 2019

Вам нужно смоделировать окружение, используя 

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

в ваших тестах.

Проверьте больше на https://mithril.js.org/testing.html

...