angularjs - 分度器でドラッグ アンド ドロップ (マップ パン)

Question

Protractor/Selenium を使用してドラッグ アンド ドロップ アクションを自動化し、タイル (リーフレット ライブラリ) に基づくマップが正しく機能していることを確認しようとしていますが、ドラッグ アンド ドロップ アクション (マップのパン) を自動化できません。

次のようなマップを含むページをロードしました: http://tombatossals.github.io/angular-leaflet-directive/examples/center-example.html

そして、この分度器テストはマップをパンしません。選択した画像に対する dragAndDrop アクションは機能していないようです。

describe('Panning map', function() {    
    var ptor, driver;
    beforeEach(function() {        
        ptor = protractor.getInstance();
        browser.get('center-example.html');
        driver = ptor.driver;
    }, 30000);

    it('should update the center value if the map is dragged', function() {
        var el = element(by.xpath('.//img[contains(@class, "leaflet-tile-loaded")][1]'));
        browser.actions().dragAndDrop(el.find(), { x: 40, y: 40 }).perform();
        ptor.sleep(2000);
        expect(element(by.model("london.lat")).getAttribute("value")).toBe('51.505');
        expect(element(by.model("london.lng")).getAttribute("value")).toBe('-1.09');
    });
});

このような例で dragAndDrop アクションが適用されない理由はどれですか?