0

javascript コードをテストするために jasmin-maven-plugin を使用するように Maven プロジェクトをセットアップしました。プラグインは次のように設定されています。

        <plugin>
            <groupId>com.github.searls</groupId>
            <artifactId>jasmine-maven-plugin</artifactId>
            <version>1.2.0.0</version>
            <extensions>true</extensions>
            <executions>
                <execution>
                    <goals>
                        <goal>test</goal>
                    </goals>
                </execution>
            </executions>
            <configuration>
                <jsSrcDir>src/main/webapp/js</jsSrcDir>
                <jsTestSrcDir>src/test/javascript</jsTestSrcDir>
                <sourceIncludes>
                        <include>jquery-1.8.2.min.js</include>
                        <include>jquery-ui-1.8.13.custom.min.js</include>
                        <include>jquery.json-2.2.js</include>
                        <include>stylesheet.js</include>
                        <include>**/*.js</include>
                </sourceIncludes>
            </configuration>
        </plugin>

イベント処理に jQuery を利用する JavaScript メソッドを作成しました。コードは次のようになります。

    registerDragSurface: function ( element, onDrag ) {

        // Wrap every drag surface registration in a closure
        // to preserve the given set of arguments as local variables
        (function($, element, dragdropsystem, onDrag) {

            // Register a mousemove event on the drag surface
            $(element).mousemove (function ( event ) {

                // If the user is dragging
                if (dragdropsystem.isDragging) {

                    // Call the onDrag method with 
                    // the given element and event
                    onDrag (element, event);
                }
            });

            // Register a mouseup event on the drag surface
            $(element).mouseup (function ( event ) {

                // If the user is dragging
                if (dragdropsystem.isDragging) {

                    // Call the onDragEnded function
                    dragdropsystem.onDragEnded();
                }

                // We are not dragging anymore, and
                // the left mousebutton has been released
                dragdropsystem.isDragging = false;
                dragdropsystem.isMouseDown = false;
            });

        })($, element, this, onDrag);
    },

次に、機能をテストするためにジャスミン仕様を作成しました。コードは次のとおりです。

describe("linkedforms.dragdrop", function() {

    var dragdrop = linkedforms.dragdrop;

    it("test that a drag surface can be registered and onDragCallback is called", function () {

        var dragSurface = {};
        var onDragCallback = jasmine.createSpy("onDragCallback");

        dragdrop.registerDragSurface(dragSurface, onDragCallback);
        dragdrop.isDragging = true;

        jQuery(dragSurface).trigger("mousemove");
        expect(onDragCallback).toHaveBeenCalled();
        expect(dragdrop.isDragging).toBe(true);

        jQuery(dragSurface).trigger("mouseup");
        expect(dragdrop.isDragging).toBe(false);
    });
});

コマンドラインから mvn jasmine:bdd を実行してから、

    http://localhost:8234

テストを実行します。これは問題なく動作し、私の仕様はすべて合格です。次に、mvn test を使用して maven からテストを実行しようとしましたが、失敗します。それは言います：

* Expected spy onDragCallback to have been called.
* Passed.
* Expected true to be false.

これにより、mvn test から実行した場合、つまり HtmlUnit ブラウザーで実行した場合、jQuery イベント システムが正しく機能しないのではないかと思われます。これを修正する方法を知っている人はいますか？

4

1 に答える 1

0

jQueryの実装をjquery-1.8.2.min.js[本番]からjquery-1.8.2.js[開発]に変更すると機能することがわかりました。

なぜこれがそうなのか、誰かが何か考えを持っていますか？

于 2012-10-15T19:26:01.370 に答える