Question

我遇到zombie.js测试框架和Google Maps API的问题。

我有一个简单的zombie.js加载主页并尝试单击登录链接。但是，当我查看主页HTML的内容时（从zombie.js浏览器对象的角度来看），我只在body部分看到这一点：

<body>
  <script src="https://maps.gstatic.com/intl/en_us/mapfiles/api-3/9/12/main.js"     type="text/javascript"></script>
</body>

如果我从原始页面中删除Google Maps javascript，一切正常，我会得到完整的部分。请求不使用map API的其他页面也可以正常工作。

我在这里看到了一个相关的问题，但没有完整描述解决方法：https://github.com/assaf/zombie/issues/250

任何人都可以帮我解决这个问题吗？

这是有问题的zombie.js代码：

suite('Zombie Sign In', function() {

    test('Home page should have sign-in link', function(done) {
        var browser = new Browser();
        browser.debug = true;
        browser.authenticate().basic(conf.basicAuth.username, conf.basicAuth.password);
        browser.visit(conf.baseURL, function(e, browser) {
            console.log(browser.html()); // here is where I get the empty body section
            browser.clickLink("Sign In", function() {
                browser.text("title").should.eql('my title');
                done();            
            });
        });
    });
});

Answer 1

我今天遇到了这个问题 - 你只需要异步加载API。这不是一个解决方法，而是一个记录在案的替代方案，您可以在这里阅读：

https://developers.google.com/maps/documentation/javascript/tutorial#asynch

基本上你只需要改变这样的代码：

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=SET_TO_TRUE_OR_FALSE" type="text/javascript"></script>
<script type="text/javascript">
  function initialize() {
    var map = new google.maps.Map(/* ... */);
  }

  window.onload = initialize();
</script>

对此（几乎完全取自上面的链接）：

<script type="text/javascript">
  function initialize() {
    var map = new google.maps.Map(/* ... */);
  }

  function loadScript() {
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "http://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=TRUE_OR_FALSE&callback=initialize";
    document.body.appendChild(script);
  }

  window.onload = loadScript;
</script>

此处需要注意的关键是您必须将回调参数传递给script.src标记（在此示例中，我们提供 initialize ，但它可以是无论你想要什么） - 当动态注入的地图脚本标签加载完毕后，这将让谷歌启动你的初始化代码。

第二种机制修复了我的僵尸测试。

zombie.js和Google Maps API

1 个答案: