javascript - 跨页面加载测试 JavaScript 函数

Question

我有一个与状态一起使用的代码。每次状态更改时，当前状态都会保存到 sessionStorage 中，当用户进入不同页面时，状态会从 sessionStorage 加载回。

我想测试状态是否正确保存到存储中以及页面加载时是否正确加载回来。但我不知道如何测试这个场景。

我目前正在使用 Mocha，但我只知道如何在其中编写单元测试。

Answer 1

Mocha 本身不足以实现这一点，您需要一个工具来允许您端到端地完成此操作

我正在测试一个名为phantomjs(http://phantomjs.org/)的奇妙事物，你可以这样做:

var webpage = require('webpage');
var page = webpage.create();
page.open('http://www.google.com', function() {
  window.localStorage.setItem("test", "xtest");
  console.log(window.localStorage);

  page = webpage.create();
  page.open('http://www.google.com', function() {
    console.log(
        window.localStorage.getItem("test")
        ); // xtest
    console.log(window.localStorage);
    phantom.exit();
  });
});

您还需要 node-phantom ( https://www.npmjs.org/package/phantom ) 来允许您使用同一 node.js 脚本中的 mocha 和 phantomjs 来编写测试