Es wird ein key/value Paar geloescht. Zudem die Funktion getLocalStorageItem(key) im Ordner MochaTutorial2 über Terminal mit Mocha getestet. Dieser Test scheitert, da die Web Storage Funktionen einen Browser brauchen. Daher funktionieren die Mocha-Tests im Ordner appV1 nur ueber den Browser.master
module.exports = { | module.exports = { | ||||
addNumbers(A, B) { | addNumbers(A, B) { | ||||
return A + B; | return A + B; | ||||
}, | }, | ||||
message() { | message() { | ||||
return "hello world"; | return "hello world"; | ||||
}, | |||||
getLocalStorageItem(key) { | |||||
return window.localStorage.getItem(key); | |||||
} | } | ||||
} | } | ||||
const btnEinlesen = document.getElementById('Speichern'); | |||||
function setLocalStorage(key, data) { | |||||
window.localStorage.setItem(key, data); | |||||
} | |||||
function speichern() { | |||||
var key = document.getElementById('key').value; | |||||
var data = document.getElementById('data').value; | |||||
setLocalStorage(key, data); | |||||
} | |||||
btnEinlesen.addEventListener('click', e => { | |||||
speichern()}); | |||||
const btnSuchen = document.getElementById('search'); | |||||
const btnLoeschenKey = document.getElementById('delete_key'); | |||||
const btnAllesLoeschen = document.getElementById('delete_all'); | |||||
auslesen(); | |||||
function getLocalStorageKey(index) { | |||||
return window.localStorage.key(index); | |||||
} | |||||
function getLocalStorageItem(key) { | |||||
return window.localStorage.getItem(key); | |||||
} | |||||
function deleteLocalStorageItem(key) { | |||||
return window.localStorage.removeItem(key); | |||||
} | |||||
function getLocalStorageLength() { | |||||
return window.localStorage.length; | |||||
} | |||||
function auslesen() { | |||||
var count = getLocalStorageLength(); | |||||
var displayData = document.getElementById('data'); | |||||
displayData.innerHTML = ""; | |||||
if (typeof(Storage) !== "undefined") { | |||||
for (let i=0; i<count; i++) { | |||||
var keyname = getLocalStorageKey(i); | |||||
var data = getLocalStorageItem(keyname); | |||||
displayData.innerHTML += "<dt>" + keyname+"</dt>" + "<dd>" + data + "</dd>"; | |||||
} | |||||
} else { | |||||
displayData.innerHTML = "Entschuldigung, Ihr Browser unterstützt nicht Web Storage..."; | |||||
} | |||||
} | |||||
function finden() { | |||||
var keyname = document.getElementById('inputKey').value; | |||||
var givenKey = document.getElementById('givenKey'); | |||||
var notice = document.getElementById('notice'); | |||||
givenKey.innerHTML = ""; | |||||
notice.innerHTML = ""; | |||||
var data = getLocalStorageItem(keyname); | |||||
givenKey.innerHTML = keyname; | |||||
notice.innerHTML = data; | |||||
} | |||||
function loeschen() { | |||||
var key = document.getElementById('key').value; | |||||
deleteLocalStorageItem(key); | |||||
} | |||||
function allesLoeschen() { | |||||
window.localStorage.clear(); | |||||
} | |||||
btnSuchen.addEventListener('click', e => { | |||||
finden()}); | |||||
btnLoeschenKey.addEventListener('click', e => { | |||||
loeschen()}); | |||||
btnAllesLoeschen.addEventListener('click', e => { | |||||
allesLoeschen()}); | |||||
}); | }); | ||||
}); | }); | ||||
describe('getLocalStorageItem', function () { | |||||
it('should return item', function () { | |||||
window.localStorage.setItem("e", "f"); | |||||
assert.equal("f", first.getLocalStorageItem("e")); | |||||
window.localStorage.removeItem("e"); | |||||
}); | |||||
it('should return item as string value', function () { | |||||
window.localStorage.setItem("g", "h"); | |||||
assert.typeOf(first.getLocalStorageItem("g"), 'string'); | |||||
window.localStorage.removeItem("g"); | |||||
}); | |||||
it('should return item as string value', function () { | |||||
window.localStorage.setItem("myKey2", "myValue2"); | |||||
assert.isString(first.getLocalStorageItem("myKey2"), 'Item is string'); | |||||
window.localStorage.removeItem("myKey2"); | |||||
}); | |||||
}); | |||||
} | } | ||||
function deleteLocalStorageItem(key) { | function deleteLocalStorageItem(key) { | ||||
return window.localStorage.removeItem(key); | |||||
window.localStorage.removeItem(key); | |||||
} | } | ||||
function getLocalStorageLength() { | function getLocalStorageLength() { |