Phantom.js Webdriver.io 错误：SyntaxError：DOM 异常 12答案

【问题标题】：Phantom.js Webdriver.io Error: SyntaxError: DOM Exception 12Phantom.js Webdriver.io 错误：SyntaxError：DOM 异常 12
【发布时间】：2015-10-02 22:44:30
【问题描述】：

我们正在对 webdriver.io 和 phantom.js 进行一些测试。以下工作正常，给了我一个元素列表：

return client
    .url(config.host)
    .waitForVisible('#myvenuelist', 2000)
    .click('#myvenuelist')
    .elements('li.venue')
    .then(function(venues)
    {
        // Make sure there is at least one device
        // Could do a scan in the before and check the size
        venues.value.length.should.be.at.least(venueList.length);
        done();
    });

但我会继续进行下一个测试，它的作用大致相同：

return client
    .url(config.host)
    .waitForVisible('#myvenuelist', 2000)
    .click('#myvenuelist')
    .waitForVisible("li.venue[data-id=" + allVenues[0].venue_id + "]", 5000)
    .click("li.venue[data-id=" + allVenues[0].venue_id + "] a[class='btn primary']")
    .waitForVisible('a[class="tab beacons"]', 2000)
    .click('a[class="tab beacons"]')
    .waitForVisible('a[class="tab beacons active"]', 2000)
    .elements("a[class='add-monitor btn primary']")
    .then(function(deviceList)
    {
        deviceList.value.length.should.be.at.least(1);
        done();
    });

我得到了 deviceList 对象。如果我检查它，值成员是一个数组，正如预期的那样。但是第二次我尝试访问该数组，即使只是将它分配给另一个变量，我也会收到以下错误：

CommandError: Promise was fulfilled but got rejected with the following reason: Error: SyntaxError: DOM Exception 12

这快把我逼疯了。有关于 DOM Exception 12 错误的报告，但它们似乎不适用于我正在做的事情，其中许多是指旧版本的 Phantom.js。我们在 1.9.8。

【问题讨论】：

最初的答案是一个完整的红鲱鱼。还是看到这个。有时会发生，有时不会。
你的双引号和单引号不正确和一致，例如一个错误是这样的：.waitForVisible("li.venue[data-id=" + allVenues[0].venue_id + "]", 5000) 尝试使它像这样：.waitForVisible("li.venue[data-id=' + allVenues[0].venue_id + ']", 5000)

标签： javascript selenium-webdriver phantomjs webdriver-io

【解决方案1】：

试试这个：

let venueId = allVenues[0].venue_id;

return client
    .url(config.host)
    .waitForVisible('#myvenuelist', 2000)
    .click('#myvenuelist')
    .waitForVisible(`li.venue[data-id={venueId}]`, 5000)
    .click(`li.venue[data-id={venueId}] a.btn.primary`)
    .waitForVisible('a.tab.beacons', 2000)
    .click('a.tab.beacons')
    .waitForVisible('a.tab.beacons.active', 2000)
    .elements("a.add-monitor.btn.primary")
    .then( deviceList => deviceList.value.length.should.be.at.least(1) );

【讨论】：