2

クリック後にボタンのテキストが変更されたかどうかをテストする必要があります。しかし、私はどこにも見つけることができません-それを行う方法.

助けてください ：（、

テストを実行します

mocha-phantomjs TestRunner.html

私のコードは次のとおりです。

TestRunner.html

 <!doctype html>
 <html>
    <head>
    <title>Tests</title>
    <link rel="stylesheet" href="mocha.css" />
</head>
<body>
    <div id="mocha"></div>
    <button data-text="SomeText"> Button </button>

    <script src="myscript.js"></script>

    <script src="mocha.js"></script>
    <script src="chai.js"></script>
    <script src="sinon-1.10.2.js"></script>
    <script>
        mocha.ui('bdd');
        mocha.reporter('html');
        var expect = chai.expect;
    </script>
    <script src="tests.js"></script>
    <script>
        mocha.run();
    </script>
</body>

myscript.js

var button = document.querySelector('button');

 button.addEventListener('click' , function(){
     this.innerText = this.dataset.text;
 });

test.js

describe("Change text on button", function () {

    var clickElement = function (el){
       var ev = document.createEvent("MouseEvent");
       ev.initMouseEvent(
         "click",
         true /* bubble */, true /* cancelable */,
         window, null,
         0, 0, 0, 0, /* coordinates */
         false, false, false, false, /* modifier keys */
         0 /*left*/, null
       );
       el.dispatchEvent(ev);
   };

    var button = document.querySelector('button');

    before(function(){
       clickElement(button);
    })

   it("Click on button - change text: 'SomeText'",        
         function () {
             expect(button.innerText).to.equal("SomeText");
   });

});
4

0 に答える 0