看板 Web_Design 關於我們 聯絡資訊
使用的測試框架是 jasmine 開啟一個請求以連接目標資料庫的寫法是下面這樣 let myDB = { name: test, version: 1 } function openDB (name, version) { let request = indexedDB.open(name, version); } openDB(myDB.name, myDB.version); 要測試上面的程式碼,目前主要是這樣寫 執行測試前先完成以下工作,但即使是在瀏覽器環境下,我也要先宣告一個 window.indexedDB 物件才能讓我把間諜插進去 beforeEach(async () => { let window.indexedDB = { open: (name, version) => {} } spyOn(window.indexedDB, 'open'); // 為 open 函式插入間諜 await openDB(myDB.name, myDB.version); // 實際呼叫函式,並等待完成 } 測試條件寫 expect(window.indexedDB.open).toHaveBeenCalled(); expect(window.indexedDB.open).toHaveBeenCalledWith(myDB.name, myDB.version); 以上是最簡單的建立資料庫請求測試程式碼 但之後要在 openDB 函式內,為請求加上事件處理函式,就不知道該怎麼寫測試程式碼 把 openDB 函式改成如下 function openDB (name, version) { let request = indexedDB.open(name, version); request.onerror = (event) => { console.log('error'); }; request.onsuccess = (event) => { console.log('success'); }; request.onupgradeneeded = (event) => { console.log('upgrade'); }; } 即使事件處理函式裡面只有一行呼叫 console.log,但由於 request 是內部變數,又 必須經由觸發事件才能呼叫 console.log,完全不知道該怎麼撰寫相關的測試程式碼 試著對 console.log 插入間諜也沒用 希望有人可以指點迷津 -- 「看在上帝的份上,我們不能當著孩子的面槍殺他的父親!」 「那我們就連孩子一起幹掉!」 「第一槍打中的是那個天真的孩子,第二槍是抱著孩子的母親。第三槍 停頓了三秒,當難以致信的父親擦拭著臉上愛子的腦漿從震驚中醒轉 過來,慢慢的轉頭看向停車的地方,分辨出是誰在攻擊他後,第三顆 子彈才將他的腦殼打飛。」 ─摘自〈狼群〉 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.47.166.182 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1525614956.A.9A0.html
zeSil: 包成promise 05/07 09:48