我决定重申对Pumbaa80答案的评论作为单独的答案,以便更轻松地将其用作库。
我使用了Pumbaa80的代码,对其进行了一些改进,添加了测试并将其作为npm模块发布在这里:https ://www.npmjs.com/package/mock-local-storage
。
这是源代码:https :
//github.com/letsrock-today/mock-local-storage/blob/master/src/mock-localstorage.js
一些测试:https :
//github.com/letsrock-today/mock-local-storage/blob/master/test/mock-localstorage.js
模块在全局对象(窗口或全局,已定义其中的对象)上创建模拟localStorage和sessionStorage。
在我的其他项目的测试中,我需要使用mocha mocha -r mock-local-storage
来实现这一点,因为它是:使全局定义可用于所有受测代码。
基本上,代码如下所示:
(function (glob) {
function createStorage() {
let s = {},
noopCallback = () => {},
_itemInsertionCallback = noopCallback;
Object.defineProperty(s, 'setItem', {
get: () => {
return (k, v) => {
k = k + '';
_itemInsertionCallback(s.length);
s[k] = v + '';
};
}
});
Object.defineProperty(s, 'getItem', {
// ...
});
Object.defineProperty(s, 'removeItem', {
// ...
});
Object.defineProperty(s, 'clear', {
// ...
});
Object.defineProperty(s, 'length', {
get: () => {
return Object.keys(s).length;
}
});
Object.defineProperty(s, "key", {
// ...
});
Object.defineProperty(s, 'itemInsertionCallback', {
get: () => {
return _itemInsertionCallback;
},
set: v => {
if (!v || typeof v != 'function') {
v = noopCallback;
}
_itemInsertionCallback = v;
}
});
return s;
}
glob.localStorage = createStorage();
glob.sessionStorage = createStorage();
}(typeof window !== 'undefined' ? window : global));
请注意,所有通过方法添加的方法Object.defineProperty
都不会作为常规项进行迭代,访问或删除,也不会计入长度。另外,我还添加了一种注册回调的方法,该回调将在将要放入对象的项目中调用。此回调可用于模拟测试中超出配额的错误。
Profit!