在持续集成构建中轻松运行JavaScript单元测试

当我设法自己提出解决方案时，我认为分享它是一个好主意。该方法可能并非完美无缺，但这是第一个可行的方法。随时发布改进和建议。

简而言之，我做了什么：

• 启动Xvfb实例（虚拟帧缓冲区）
• 使用JsTestDriver：
  • 启动Firefox实例到虚拟帧缓冲区（无头）
  • 捕获Firefox实例并运行测试套件
  • 生成符合JUnit的测试结果.XML
• 使用Bamboo检查结果文件是否通过构建

接下来，我将经历更详细的阶段。这是我的目录结构最终看起来像的样子：

lib / 
    JsTestDriver.jar 
test / 
    qunit / 
            equiv.js 
            QUnitAdapter.js 
    jsTestDriver.conf 
    run_js_tests.sh 
    tests.js 
test-reports / 
build.xml

在构建服务器上：

• 安装Xvfb（apt-get install Xvfb）
• 安装Firefox（apt-get install firefox）

进入要构建的应用程序：

• 安装JsTestDriver：http : //code.google.com/p/js-test-driver/
  • 添加QUnit 适配器 equiv.js并QUnitAdapter.js
  • 配置JsTestDriver（jsTestDriver.conf）：

服务器：http：// localhost：4224 

load：
＃加载QUnit适配器（如果不使用QUnit，则可以省略）
  -qunit / equiv.js 
  -qunit / QUnitAdapter.js    

＃测试自身（您想添加更多文件）
  -tests.js

创建一个脚本文件以运行单元测试并生成测试结果（例如Bash中的示例run_js_tests.sh）：

#!/bin/bash
# directory to write output XML (if this doesn't exist, the results will not be generated!)
OUTPUT_DIR="../test-reports"
mkdir $OUTPUT_DIR

XVFB=`which Xvfb`
if [ "$?" -eq 1 ];
then
    echo "Xvfb not found."
    exit 1
fi

FIREFOX=`which firefox`
if [ "$?" -eq 1 ];
then
    echo "Firefox not found."
    exit 1
fi

$XVFB :99 -ac &    # launch virtual framebuffer into the background
PID_XVFB="$!"      # take the process ID
export DISPLAY=:99 # set display to use that of the xvfb

# run the tests
java -jar ../lib/JsTestDriver.jar --config jsTestDriver.conf --port 4224 --browser $FIREFOX --tests all --testOutput $OUTPUT_DIR

kill $PID_XVFB     # shut down xvfb (firefox will shut down cleanly by JsTestDriver)
echo "Done."

创建一个调用脚本的Ant目标：

<target name="test">        
    <exec executable="cmd" osfamily="windows">
        <!-- This might contain something different in a Windows environment -->
    </exec>

    <exec executable="/bin/bash" dir="test" osfamily="unix">
        <arg value="run_js_tests.sh" />
    </exec>
</target>   

最后，告诉Bamboo创建计划以调用test目标并查找JUnit测试结果。在这里默认"**/test-reports/*.xml"将很好。