+147

tests/components/configurator/input/test.ts

reviewed

··· 1 1 + import { describe, it } from "@std/testing/bdd"; 2 2 + import { expect } from "@std/expect"; 3 3 + 4 4 + import { testWeb } from "@tests/common/index.ts"; 5 5 + import type { Track } from "~/definitions/types.d.ts"; 6 6 + 7 7 + describe("components/configurator/input", () => { 8 8 + it("listCached returns an empty array initially", async () => { 9 9 + const result = await testWeb(async () => { 10 10 + const mod = await import( 11 11 + "~/components/configurator/input/element.js" 12 12 + ); 13 13 + const configurator = new mod.CLASS(); 14 14 + document.body.append(configurator); 15 15 + return configurator.listCached(); 16 16 + }); 17 17 + 18 18 + expect(result).toEqual([]); 19 19 + }); 20 20 + 21 21 + it("consult with an unsupported scheme returns supported: false", async () => { 22 22 + const result = await testWeb(async () => { 23 23 + const mod = await import( 24 24 + "~/components/configurator/input/element.js" 25 25 + ); 26 26 + const configurator = new mod.CLASS(); 27 27 + document.body.append(configurator); 28 28 + return configurator.consult("ipfs://QmSomeCid"); 29 29 + }); 30 30 + 31 31 + expect(result.supported).toBe(false); 32 32 + }); 33 33 + 34 34 + it("resolve with an unsupported scheme returns undefined", async () => { 35 35 + const result = await testWeb(async () => { 36 36 + const mod = await import( 37 37 + "~/components/configurator/input/element.js" 38 38 + ); 39 39 + const configurator = new mod.CLASS(); 40 40 + document.body.append(configurator); 41 41 + const r = await configurator.resolve({ uri: "ipfs://QmSomeCid" }); 42 42 + return r ?? null; 43 43 + }); 44 44 + 45 45 + expect(result).toBe(null); 46 46 + }); 47 47 + 48 48 + it("detach with no matching input returns all tracks unchanged", async () => { 49 49 + const result = await testWeb(async () => { 50 50 + const mod = await import( 51 51 + "~/components/configurator/input/element.js" 52 52 + ); 53 53 + const configurator = new mod.CLASS(); 54 54 + document.body.append(configurator); 55 55 + 56 56 + const tracks: Track[] = [ 57 57 + { $type: "sh.diffuse.output.track", id: "t1", uri: "ipfs://Qm1" }, 58 58 + { $type: "sh.diffuse.output.track", id: "t2", uri: "ipfs://Qm2" }, 59 59 + ]; 60 60 + 61 61 + return configurator.detach({ fileUriOrScheme: "ipfs", tracks }); 62 62 + }); 63 63 + 64 64 + expect(result.map((t) => t.id)).toEqual(["t1", "t2"]); 65 65 + }); 66 66 + 67 67 + it("groupConsult marks unsupported schemes as unavailable", async () => { 68 68 + const result = await testWeb(async () => { 69 69 + const mod = await import( 70 70 + "~/components/configurator/input/element.js" 71 71 + ); 72 72 + const configurator = new mod.CLASS(); 73 73 + document.body.append(configurator); 74 74 + 75 75 + return configurator.groupConsult([ 76 76 + "ipfs://QmA", 77 77 + "ipfs://QmB", 78 78 + ]); 79 79 + }); 80 80 + 81 81 + expect(result["ipfs"]?.available).toBe(false); 82 82 + expect(result["ipfs"]?.uris).toEqual(["ipfs://QmA", "ipfs://QmB"]); 83 83 + }); 84 84 + 85 85 + it("inputs maps child input elements by their SCHEME", async () => { 86 86 + const result = await testWeb(async () => { 87 87 + const mod = await import( 88 88 + "~/components/configurator/input/element.js" 89 89 + ); 90 90 + const HttpsInput = await import( 91 91 + "~/components/input/https/element.js" 92 92 + ); 93 93 + 94 94 + const configurator = new mod.CLASS(); 95 95 + const httpsInput = new HttpsInput.CLASS(); 96 96 + configurator.appendChild(httpsInput); 97 97 + document.body.append(configurator); 98 98 + 99 99 + return Object.keys(configurator.inputs()); 100 100 + }); 101 101 + 102 102 + expect(result).toContain("https"); 103 103 + }); 104 104 + 105 105 + it("consult with an HTTPS URI delegates to the HTTPS input", async () => { 106 106 + const result = await testWeb(async () => { 107 107 + const mod = await import( 108 108 + "~/components/configurator/input/element.js" 109 109 + ); 110 110 + const HttpsInput = await import( 111 111 + "~/components/input/https/element.js" 112 112 + ); 113 113 + 114 114 + const configurator = new mod.CLASS(); 115 115 + const httpsInput = new HttpsInput.CLASS(); 116 116 + configurator.appendChild(httpsInput); 117 117 + document.body.append(configurator); 118 118 + 119 119 + return configurator.consult("https://example.com/audio.mp3"); 120 120 + }); 121 121 + 122 122 + expect(result.supported).toBe(true); 123 123 + }); 124 124 + 125 125 + it("resolve with an HTTPS URI returns a url via the HTTPS input", async () => { 126 126 + const result = await testWeb(async () => { 127 127 + const mod = await import( 128 128 + "~/components/configurator/input/element.js" 129 129 + ); 130 130 + const HttpsInput = await import( 131 131 + "~/components/input/https/element.js" 132 132 + ); 133 133 + 134 134 + const configurator = new mod.CLASS(); 135 135 + const httpsInput = new HttpsInput.CLASS(); 136 136 + configurator.appendChild(httpsInput); 137 137 + document.body.append(configurator); 138 138 + 139 139 + return configurator.resolve({ uri: "https://example.com/audio.mp3" }); 140 140 + }); 141 141 + 142 142 + expect(result).not.toBe(null); 143 143 + if (result && "url" in result) { 144 144 + expect(result.url).toBe("https://example.com/audio.mp3"); 145 145 + } 146 146 + }); 147 147 + });

+178

tests/components/configurator/output/test.ts

reviewed

··· 1 1 + import { describe, it } from "@std/testing/bdd"; 2 2 + import { expect } from "@std/expect"; 3 3 + 4 4 + import { testWeb } from "@tests/common/index.ts"; 5 5 + 6 6 + describe("components/configurator/output", () => { 7 7 + it("selected is null initially", async () => { 8 8 + const result = await testWeb(async () => { 9 9 + const mod = await import( 10 10 + "~/components/configurator/output/element.js" 11 11 + ); 12 12 + const configurator = new mod.CLASS(); 13 13 + document.body.append(configurator); 14 14 + return configurator.selected(); 15 15 + }); 16 16 + 17 17 + expect(result).toBe(null); 18 18 + }); 19 19 + 20 20 + it("activated is empty initially", async () => { 21 21 + const result = await testWeb(async () => { 22 22 + const mod = await import( 23 23 + "~/components/configurator/output/element.js" 24 24 + ); 25 25 + const configurator = new mod.CLASS(); 26 26 + document.body.append(configurator); 27 27 + return Array.from(configurator.activated()); 28 28 + }); 29 29 + 30 30 + expect(result).toEqual([]); 31 31 + }); 32 32 + 33 33 + it("hasSelected returns false when nothing is stored in localStorage", async () => { 34 34 + const result = await testWeb(async () => { 35 35 + const mod = await import( 36 36 + "~/components/configurator/output/element.js" 37 37 + ); 38 38 + const configurator = new mod.CLASS(); 39 39 + document.body.append(configurator); 40 40 + return configurator.hasSelected(); 41 41 + }); 42 42 + 43 43 + expect(result).toBe(false); 44 44 + }); 45 45 + 46 46 + it("hasDefault returns false without a default attribute", async () => { 47 47 + const result = await testWeb(async () => { 48 48 + const mod = await import( 49 49 + "~/components/configurator/output/element.js" 50 50 + ); 51 51 + const configurator = new mod.CLASS(); 52 52 + document.body.append(configurator); 53 53 + return configurator.hasDefault(); 54 54 + }); 55 55 + 56 56 + expect(result).toBe(false); 57 57 + }); 58 58 + 59 59 + it("hasDefault returns true when the default attribute is set", async () => { 60 60 + const result = await testWeb(async () => { 61 61 + const mod = await import( 62 62 + "~/components/configurator/output/element.js" 63 63 + ); 64 64 + const configurator = new mod.CLASS(); 65 65 + configurator.setAttribute("default", "my-output"); 66 66 + document.body.append(configurator); 67 67 + return configurator.hasDefault(); 68 68 + }); 69 69 + 70 70 + expect(result).toBe(true); 71 71 + }); 72 72 + 73 73 + it("select persists the id to localStorage", async () => { 74 74 + const stored = await testWeb(async () => { 75 75 + const mod = await import( 76 76 + "~/components/configurator/output/element.js" 77 77 + ); 78 78 + const configurator = new mod.CLASS(); 79 79 + document.body.append(configurator); 80 80 + await configurator.select("my-output"); 81 81 + return localStorage.getItem("diffuse/configurator/output/selected/id"); 82 82 + }); 83 83 + 84 84 + expect(stored).toBe("my-output"); 85 85 + }); 86 86 + 87 87 + it("hasSelected returns true after select", async () => { 88 88 + const result = await testWeb(async () => { 89 89 + const mod = await import( 90 90 + "~/components/configurator/output/element.js" 91 91 + ); 92 92 + const configurator = new mod.CLASS(); 93 93 + document.body.append(configurator); 94 94 + await configurator.select("my-output"); 95 95 + return configurator.hasSelected(); 96 96 + }); 97 97 + 98 98 + expect(result).toBe(true); 99 99 + }); 100 100 + 101 101 + it("activated includes id after select", async () => { 102 102 + const result = await testWeb(async () => { 103 103 + const mod = await import( 104 104 + "~/components/configurator/output/element.js" 105 105 + ); 106 106 + const configurator = new mod.CLASS(); 107 107 + document.body.append(configurator); 108 108 + await configurator.select("my-output"); 109 109 + return Array.from(configurator.activated()); 110 110 + }); 111 111 + 112 112 + expect(result).toContain("my-output"); 113 113 + }); 114 114 + 115 115 + it("deselect removes the id from localStorage", async () => { 116 116 + const stored = await testWeb(async () => { 117 117 + const mod = await import( 118 118 + "~/components/configurator/output/element.js" 119 119 + ); 120 120 + const configurator = new mod.CLASS(); 121 121 + document.body.append(configurator); 122 122 + await configurator.select("my-output"); 123 123 + await configurator.deselect(); 124 124 + return localStorage.getItem("diffuse/configurator/output/selected/id"); 125 125 + }); 126 126 + 127 127 + expect(stored).toBe(null); 128 128 + }); 129 129 + 130 130 + it("hasSelected returns false after deselect", async () => { 131 131 + const result = await testWeb(async () => { 132 132 + const mod = await import( 133 133 + "~/components/configurator/output/element.js" 134 134 + ); 135 135 + const configurator = new mod.CLASS(); 136 136 + document.body.append(configurator); 137 137 + await configurator.select("my-output"); 138 138 + await configurator.deselect(); 139 139 + return configurator.hasSelected(); 140 140 + }); 141 141 + 142 142 + expect(result).toBe(false); 143 143 + }); 144 144 + 145 145 + it("options lists child elements by id and label", async () => { 146 146 + const result = await testWeb(async () => { 147 147 + const mod = await import( 148 148 + "~/components/configurator/output/element.js" 149 149 + ); 150 150 + const configurator = new mod.CLASS(); 151 151 + 152 152 + const child = document.createElement("div"); 153 153 + child.id = "output-a"; 154 154 + child.setAttribute("label", "Output A"); 155 155 + configurator.appendChild(child); 156 156 + 157 157 + document.body.append(configurator); 158 158 + 159 159 + const opts = await configurator.options(); 160 160 + return opts.map((o) => ({ id: o.id, label: o.label })); 161 161 + }); 162 162 + 163 163 + expect(result).toEqual([{ id: "output-a", label: "Output A" }]); 164 164 + }); 165 165 + 166 166 + it("options returns an empty array when there are no children", async () => { 167 167 + const result = await testWeb(async () => { 168 168 + const mod = await import( 169 169 + "~/components/configurator/output/element.js" 170 170 + ); 171 171 + const configurator = new mod.CLASS(); 172 172 + document.body.append(configurator); 173 173 + return configurator.options(); 174 174 + }); 175 175 + 176 176 + expect(result).toEqual([]); 177 177 + }); 178 178 + });

+174

tests/components/configurator/scrobbles/test.ts

reviewed

··· 1 1 + import { describe, it } from "@std/testing/bdd"; 2 2 + import { expect } from "@std/expect"; 3 3 + 4 4 + import { testWeb } from "@tests/common/index.ts"; 5 5 + 6 6 + describe("components/configurator/scrobbles", () => { 7 7 + it("scrobblers returns empty array when there are no children", async () => { 8 8 + const result = await testWeb(async () => { 9 9 + const mod = await import( 10 10 + "~/components/configurator/scrobbles/element.js" 11 11 + ); 12 12 + const configurator = new mod.CLASS(); 13 13 + document.body.append(configurator); 14 14 + return configurator.scrobblers().length; 15 15 + }); 16 16 + 17 17 + expect(result).toBe(0); 18 18 + }); 19 19 + 20 20 + it("nowPlaying resolves without throwing when there are no active scrobblers", async () => { 21 21 + const result = await testWeb(async () => { 22 22 + const mod = await import( 23 23 + "~/components/configurator/scrobbles/element.js" 24 24 + ); 25 25 + const configurator = new mod.CLASS(); 26 26 + document.body.append(configurator); 27 27 + 28 28 + const track = { 29 29 + $type: "sh.diffuse.output.track" as const, 30 30 + id: "t1", 31 31 + uri: "https://example.com/audio.mp3", 32 32 + }; 33 33 + 34 34 + await configurator.nowPlaying(track); 35 35 + return true; 36 36 + }); 37 37 + 38 38 + expect(result).toBe(true); 39 39 + }); 40 40 + 41 41 + it("scrobble resolves without throwing when there are no active scrobblers", async () => { 42 42 + const result = await testWeb(async () => { 43 43 + const mod = await import( 44 44 + "~/components/configurator/scrobbles/element.js" 45 45 + ); 46 46 + const configurator = new mod.CLASS(); 47 47 + document.body.append(configurator); 48 48 + 49 49 + const track = { 50 50 + $type: "sh.diffuse.output.track" as const, 51 51 + id: "t1", 52 52 + uri: "https://example.com/audio.mp3", 53 53 + }; 54 54 + 55 55 + await configurator.scrobble(track, Date.now()); 56 56 + return true; 57 57 + }); 58 58 + 59 59 + expect(result).toBe(true); 60 60 + }); 61 61 + 62 62 + it("scrobblers includes child elements that have the scrobble interface", async () => { 63 63 + const result = await testWeb(async () => { 64 64 + const mod = await import( 65 65 + "~/components/configurator/scrobbles/element.js" 66 66 + ); 67 67 + const configurator = new mod.CLASS(); 68 68 + 69 69 + // Mock scrobbler with the required interface 70 70 + const mock = document.createElement("div"); 71 71 + (mock as any).isAuthenticated = () => true; 72 72 + (mock as any).nowPlaying = async () => {}; 73 73 + (mock as any).scrobble = async () => {}; 74 74 + configurator.appendChild(mock); 75 75 + 76 76 + document.body.append(configurator); 77 77 + 78 78 + return configurator.scrobblers().length; 79 79 + }); 80 80 + 81 81 + expect(result).toBe(1); 82 82 + }); 83 83 + 84 84 + it("scrobblers excludes children that do not have the scrobble interface", async () => { 85 85 + const result = await testWeb(async () => { 86 86 + const mod = await import( 87 87 + "~/components/configurator/scrobbles/element.js" 88 88 + ); 89 89 + const configurator = new mod.CLASS(); 90 90 + 91 91 + // Plain element without scrobble methods 92 92 + const plain = document.createElement("div"); 93 93 + configurator.appendChild(plain); 94 94 + 95 95 + document.body.append(configurator); 96 96 + 97 97 + return configurator.scrobblers().length; 98 98 + }); 99 99 + 100 100 + expect(result).toBe(0); 101 101 + }); 102 102 + 103 103 + it("nowPlaying calls all authenticated scrobblers", async () => { 104 104 + const result = await testWeb(async () => { 105 105 + const mod = await import( 106 106 + "~/components/configurator/scrobbles/element.js" 107 107 + ); 108 108 + const configurator = new mod.CLASS(); 109 109 + 110 110 + const calls: string[] = []; 111 111 + 112 112 + const auth = document.createElement("div"); 113 113 + (auth as any).isAuthenticated = () => true; 114 114 + (auth as any).nowPlaying = async () => { calls.push("auth"); }; 115 115 + (auth as any).scrobble = async () => {}; 116 116 + 117 117 + const unauth = document.createElement("div"); 118 118 + (unauth as any).isAuthenticated = () => false; 119 119 + (unauth as any).nowPlaying = async () => { calls.push("unauth"); }; 120 120 + (unauth as any).scrobble = async () => {}; 121 121 + 122 122 + configurator.appendChild(auth); 123 123 + configurator.appendChild(unauth); 124 124 + document.body.append(configurator); 125 125 + 126 126 + const track = { 127 127 + $type: "sh.diffuse.output.track" as const, 128 128 + id: "t1", 129 129 + uri: "https://example.com/audio.mp3", 130 130 + }; 131 131 + 132 132 + await configurator.nowPlaying(track); 133 133 + return calls; 134 134 + }); 135 135 + 136 136 + expect(result).toEqual(["auth"]); 137 137 + }); 138 138 + 139 139 + it("scrobble calls all authenticated scrobblers", async () => { 140 140 + const result = await testWeb(async () => { 141 141 + const mod = await import( 142 142 + "~/components/configurator/scrobbles/element.js" 143 143 + ); 144 144 + const configurator = new mod.CLASS(); 145 145 + 146 146 + const calls: string[] = []; 147 147 + 148 148 + const auth = document.createElement("div"); 149 149 + (auth as any).isAuthenticated = () => true; 150 150 + (auth as any).nowPlaying = async () => {}; 151 151 + (auth as any).scrobble = async () => { calls.push("auth"); }; 152 152 + 153 153 + const unauth = document.createElement("div"); 154 154 + (unauth as any).isAuthenticated = () => false; 155 155 + (unauth as any).nowPlaying = async () => {}; 156 156 + (unauth as any).scrobble = async () => { calls.push("unauth"); }; 157 157 + 158 158 + configurator.appendChild(auth); 159 159 + configurator.appendChild(unauth); 160 160 + document.body.append(configurator); 161 161 + 162 162 + const track = { 163 163 + $type: "sh.diffuse.output.track" as const, 164 164 + id: "t1", 165 165 + uri: "https://example.com/audio.mp3", 166 166 + }; 167 167 + 168 168 + await configurator.scrobble(track, Date.now()); 169 169 + return calls; 170 170 + }); 171 171 + 172 172 + expect(result).toEqual(["auth"]); 173 173 + }); 174 174 + });