document.cookie 就像一个字符串，但它并不是一个字符串。举个例子，引用自Mozilla doc:
document.cookie = "name=oeschger";
document.cookie = "favorite_food=tripe";
alert(document.cookie);
// displays: name=oeschger;favorite_food=tripe
var mockCookie = "";
mockCookie = "name=oeschger";
mockCookie = "favorite_food=tripe";
alert(mockCookie);
// displays: favorite_food=tripe
如果你想对操作cookie的模块进行单元测试，并且想在这些测试中使用模拟cookie，那么你可以吗？如何做？
var mock = {
value_: '',
get cookie() {
return this.value_;
},
set cookie(value) {
this.value_ += value + ';';
}
};
在某些浏览器中可能无法正常工作（特别是IE）。更新：它仅适用于支持ECMAScript 5的浏览器！
mock.cookie = "name=oeschger";
mock.cookie = "favorite_food=tripe";
alert(mock.cookie);
// displays: name=oeschger;favorite_food=tripe;
get 和 cookie 之间没有 :，但是我的大脑仍然把它放在那里了。这意味着你的解决方案依赖于 JS 引擎中的 ECMAScript 5 支持，我可以接受。 - thisgeek__defineGetter__/__defineSetter__）构造是由ECMA-262第5版（ECMAScript 5）指定的，正如您所提到的，它不受MSIE支持，但大多数其他浏览器都支持。 - maerics此实现允许覆盖Cookies，并添加document.clearCookies()。
(function (document) {
var cookies = {};
document.__defineGetter__('cookie', function () {
var output = [];
for (var cookieName in cookies) {
output.push(cookieName + "=" + cookies[cookieName]);
}
return output.join(";");
});
document.__defineSetter__('cookie', function (s) {
var indexOfSeparator = s.indexOf("=");
var key = s.substr(0, indexOfSeparator);
var value = s.substring(indexOfSeparator + 1);
cookies[key] = value;
return key + "=" + value;
});
document.clearCookies = function () {
cookies = {};
};
})(document);
return output.join("; "); - Alvis@Felix Kling的回答是正确的，我只想指出在ECMAScript 5中定义setter和getter的另一种语法：
function MockCookie() {
this.str = '';
this.__defineGetter__('cookie', function() {
return this.str;
});
this.__defineSetter__('cookie', function(s) {
this.str += (this.str ? ';' : '') + s;
return this.str;
});
}
var mock = new MockCookie();
mock.cookie = 'name=oeschger';
mock.cookie = 'favorite_food=tripe';
mock.cookie; // => "name=oeschger;favorite_food=tripe"
再次提醒，大多数浏览器支持 ECMAScript 5（由 ECMA-262 第五版定义），但不支持 MSIE（或 JScript）。
spyOnProperty 方法，可以用于在对象的getter和setter上进行监视。所以我用以下代码解决了我的问题：const cookie: string = 'my-cookie=cookievalue;';
spyOnProperty(document, 'cookie', 'get').and.returnValue(cookie);
以下是我在 Jest 中的处理方式：
在添加了 Secure 属性后，我的 Cookie 不再被添加到 document.cookie 中（因为 document.location 是不安全的 http://localhost）。
经过多次尝试和错误的尝试（尝试拦截 document.cookie 的设置器并从中删除其 ;Secure，但调用新值的 document.cookie = 触发无限循环，因为它重新进入设定器...），我最终采用了这个非常简单的解决方案：
beforeEach(function() {
let cookieJar = document.cookie;
jest.spyOn(document, 'cookie', 'set').mockImplementation(cookie => {
cookieJar += cookie;
});
jest.spyOn(document, 'cookie', 'get').mockImplementation(() => cookieJar);
})
我知道这是一个老话题，但在我的情况下，过期的 cookies 是必要的，所以这里提供了一个解决方案，它将上述答案与 setTimeout 调用相结合，在 X 秒后使 cookies 过期：
const fakeCookies = {
// cookie jar
all: {},
// timeouts
timeout: {},
// get a cookie
get: function(name)
{
return this.all[ name ]
},
// set a cookie
set: function(name, value, expires_seconds)
{
this.all[ name ] = value;
if ( expires_seconds ) {
! this.timeout[ name ] || clearTimeout( this.timeout[ name ] )
this.timeout[ name ] = setTimeout(() => this.unset(name), parseFloat(expires_seconds) * 1000)
}
},
// delete a cookie
unset: function(name)
{
delete this.all[ name ]
}
}
就我个人而言，我无法劫持文档对象。 一个对我似乎有效的简单解决方案是以下内容...
在我的测试脚本顶部，我定义了一个fakeCookie对象：
var fakeCookie = {
cookies: [],
set: function (k, v) {
this.cookies[k] = v;
},
get: function (k) {
return this.cookies[k];
},
reset: function () {
this.cookies = [];
}
};
beforeEach(function() {
var cookieStub = sinon.stub(jQuery, "cookie", function() {
if (arguments.length > 1) {
fakeCookie.set(arguments[0], arguments[1]);
}
else {
return fakeCookie.get(arguments[0]);
}
});
});