我正在研究使用 Jasmine（特别是 Testacular）测试 indexedDB 设置。在应用程序内部，我正在编写要打开、创建、删除等的数据库，没有任何问题。现在，当我尝试编写单元测试以确保从服务中正确保存数据时，我不断收到错误消息，例如超时，并且 Chrome 资源面板（目前在 Chrome 25 上测试）不显示使用正确的表格。什么是涉及测试 indexedDB 的简单实现？
问问题
4081 次
3 回答
7
测试indexedDB时有几件事要记住。
- 您必须牢记 indexedDB 的异步特性，并在 Jasmine 内部适当地处理它。异步测试的关键是使用一些 jasmine 内置的异步规范函数，如“runs”、“waits”和“waitsFor”。确保在使用这些方法时正确放置它们。（IE 在 beforeEach() 之外放置 waitsFor() 可能会导致超时错误。
- 除非您希望自己编写，否则请尝试使用几个最适合您的包装器之一。
- 确保为每个操作创建新事务，否则您将收到 InvalidStateErrors。
- 如果您希望避免在异步测试中左右使用内置的 waitsFor()，您可能希望查看Jasmine.async 之类的东西
以下是我为演示将一项添加到数据库的简单测试而制作的内容。这应该适用于没有供应商前缀的 Chrome 24+、FF 16+ 和 IE10（假设您有一个带有 Deferred 的 jquery 版本）。但是，我强烈建议使用上述 IDB 包装器/插件之一。这里可能需要添加更多错误输出，但希望这有助于入门。
describe("Database interaction", function () {
var settings = {
name: "TEST",
version: 1
};
var stores = [
{name: "store1", keyPath: "id"},
{name: "store2", keyPath: "id"},
{name: "store3", keyPath: "id"}
];
var db;
function setupDB(){
var dbRequest = window.indexedDB.open( settings.name, settings.version),
dbDfd = $.Deferred();
dbRequest.onsuccess = function( event ) {
console.log("Opened DB");
db = dbRequest.result;
dbDfd.resolve( db );
};
dbRequest.onblocked = function( event ){
console.error("DB connection blocked");
db.close();
setupDB();
};
dbRequest.onerror = function( event ){
console.error("DB connection issues");
dbDfd.reject();
};
dbRequest.onupgradeneeded = function(){
var i, cur;
db = dbRequest.result;
//Create non-existant tables
for(i=0; i < stores.length; i+=1){
cur = stores[i];
db.createObjectStore( cur.name, {keyPath: cur.keyPath, autoIncrement: true});
}
};
return dbDfd.promise();
}
beforeEach(function(){
var done = false;
runs( function(){
var delRequest = indexedDB.deleteDatabase("TEST");
delRequest.onsuccess = function( event ){
console.log("DB Deleted");
setupDB()
.then(function(db){
console.log("DB Setup with stores: ", db.objectStoreNames );
done = true;
})
};
delRequest.onerror = function(event){
console.log("DB Err: ", event );
done = true;
};
});
waitsFor( function(){ return done; }, "Database never created..", 10000 );
});
it('should add an item to store1', function(){
var done = false;
//Open a transaction with a scope of data stores and a read-write mode.
var trans = db.transaction( stores.map(function(s){return s.name;}), 'readwrite');
//"objectStore()" is an IDBTransaction method that returns an object store
//that has already been added to the scope of the transaction.
var store = trans.objectStore('store1');
var req = store.add({"id": 2, "foo":"bar"});
req.onsuccess = function(){
//Remember to not access store or trans (from above), or this.source.prototype functions as we can only access those in a new transaction
//Added an object to the store, expect result to be ID of item added
expect( this.result ).toBe( 2 );
//Some other expectations
expect( this.source.name ).toBe("store1");
expect( this.source.keyPath ).toBe("id");
expect( this.source.autoIncrement ).toBe( true );
expect( this.source.indexNames.length ).toBe( 0 );
expect( this.transaction.mode ).toBe("readwrite");
expect( this.transaction.db.name ).toBe("TEST");
done = true;
};
req.onerror = function(){
console.log("Error adding object to store");
done = true;
};
waitsFor(function(){ return done; }, "Didn't add store item", 10000 );
});
});
于 2013-03-09T20:16:08.303 回答
0
看看这个。它指的是一个 github 项目，其中有一个在 jasmine 中使用 indexeddb 的简单示例。
于 2013-03-17T03:07:56.310 回答