Question

好的我是PhantomJS和整个无头浏览的新手。我正在使用Selenium和PhantomJS来测试我的网站。该站点使用.NET MVC构建在C＃上。 PhantomJS似乎无法编译任何包含类定义的JS脚本。

Index.cshtml仅包含对两个脚本的引用：

@section scripts {

    <script src="~/Scripts/foo.js"></script>
    <script src="~/Scripts/bar.js"></script>
}

foo.js的内容是：

function add(a, b) {
    console.log("this works...")
    return a + b;
}

class Polygon {
    constructor(height, width) {
        this.height = height;
        this.width = width;
    }
}

bar.js的内容是：

console.log("1 + 2 = ", add(1, 2));

我正在使用F＃的REPL玩Selenium。导航到该页面的代码是：

    let driver = new OpenQA.Selenium.PhantomJS.PhantomJSDriver(@"C:\pathToPhantomJS\");
    let url = "http://myLocalHost:12345/home/index"

    driver.Navigate().GoToUrl(url)
    let logs = driver.Manage().Logs.GetLog(OpenQA.Selenium.LogType.Browser) 
    logs |> Seq.iter (fun l -> printf "%s\n" l.Message)

当我尝试使用PhantomJS点击index.cshtml页面时，出现以下错误：

[错误 - 2016-07-04T21：19：44.274Z]会议   [f2c46410-422c-11e6-881e-555d71de793e] - page.onError - msg：   ReferenceError：无法找到变量：添加

phantomjs：//platform/console++.js：263错误[错误 -   2016-07-04T21：19：44.275Z]会议   [f2c46410-422c-11e6-881e-555d71de793e] - page.onError - stack：
  全球代码（http://localhost:56135/Scripts/bar.js:1）

phantomjs：//platform/console++.js：263错误

执行第一行（Navigate）后，错误就会出现。但是一旦我从foo.js中删除了（Polygon）的类定义，一切都是hunky-dory：

这有效......

1 + 2 = 3

Chrome / Firefox中没有此问题。我到处搜索过，我能找到的唯一接近这个问题的是使用page.evaluate（）的整个“jailed execution”/“sandbox”（参见here）。但我显然没有在这里使用任何page.evaluate（），并且因为脚本在标记中按顺序引用，浏览器应该能够获取定义。事实上，它确实做到了这一点，在包含类定义时似乎只会破坏。

如果它有助于我运行PhantomJS的Windows 10和2.1.1版本。从Window的命令提示符运行PhantomJS时遇到同样的问题，所以我认为这不是Selenium问题。

有人可以帮忙吗？

谢谢！

Answer 1

原来这是PhantomJS支持ECMA6的问题;我正在使用TypeScript并将其编译为ECMA6，它适用于Chrome / Firefox，但尚未支持PhantomJS。

PhantomJS不会使用类定义编译JavaScript脚本

1 个答案: