test: test invalidate Cache

Author: Naramsim

src/index.js

@@ -65,11 +65,11 @@ export class Pokedex {
     }
 
     getCacheLength() {
-        return sizeDB(this.config)
+        return sizeCache(this.config)
     }
 
     clearCache() {
-        return clearDB(this.config)
+        return clearCache(this.config)
     }
 
     invalidateCache() {

test/test.html.js

@@ -373,6 +373,75 @@ describe("pokedex", function () {
   });
 });
 
+describe("Cache", function () {
+    this.timeout(10000);
+    const originalFetch = window.fetch;
+    let P;
+    let fetchCalls = [];
+
+    before(async function () {
+        P = await Pokedex.init({ cache: true });
+        window.fetch = async (url) => {
+            const url_str = url.toString();
+            fetchCalls.push(url_str);
+
+            if (url_str.includes('/pokemon/ditto')) {
+                return new Response(JSON.stringify({ name: 'ditto' }), {
+                    headers: { 'X-PokeAPI-Deploy-Date': '100' }
+                });
+            }
+            if (url_str.includes('/pokemon/pikachu')) {
+                return new Response(JSON.stringify({ name: 'pikachu' }), {
+                    headers: { 'X-PokeAPI-Deploy-Date': '300' }
+                });
+            }
+            if (url_str.includes('/meta')) {
+                return new Response(JSON.stringify({ deploy_date: '200' }));
+            }
+            return originalFetch(url);
+        };
+    });
+
+    beforeEach(async function () {
+        await P.clearCache();
+        fetchCalls = [];
+    });
+
+    after(function () {
+        window.fetch = originalFetch;
+    });
+
+    it("should invalidate old cache entries and keep new ones", async function () {
+        await P.getPokemonByName('ditto');
+        await P.getPokemonByName('pikachu');
+        expect(fetchCalls.length).to.equal(2);
+
+        let cacheSize = await P.getCacheLength();
+        expect(cacheSize).to.equal(2);
+
+        fetchCalls = [];
+        await P.getPokemonByName('ditto');
+        await P.getPokemonByName('pikachu');
+        expect(fetchCalls.length).to.equal(0);
+
+        await P.invalidateCache();
+        expect(fetchCalls.length).to.equal(1);
+        expect(fetchCalls[0]).to.include('/meta');
+
+        cacheSize = await P.getCacheLength();
+        expect(cacheSize).to.equal(1);
+
+        fetchCalls = [];
+        await P.getPokemonByName('ditto');
+        await P.getPokemonByName('pikachu');
+        expect(fetchCalls.length).to.equal(1);
+        expect(fetchCalls[0]).to.include('/pokemon/ditto');
+
+        cacheSize = await P.getCacheLength();
+        expect(cacheSize).to.equal(2);
+    });
+});
+
 const button = document.getElementById('flush-cache-btn');
 
 button.addEventListener('click', async () => {