diff --git a/packages/app/manifest.json b/packages/app/manifest.json index 91bba66009a..427c3adf423 100644 --- a/packages/app/manifest.json +++ b/packages/app/manifest.json @@ -9,13 +9,13 @@ "src": "/web-app-manifest-192x192.png", "sizes": "192x192", "type": "image/png", - "purpose": "any" + "purpose": "maskable" }, { "src": "/web-app-manifest-512x512.png", "sizes": "512x512", "type": "image/png", - "purpose": "any" + "purpose": "maskable" } ], "theme_color": "#080808", diff --git a/packages/app/vite.icons.test.ts b/packages/app/vite.icons.test.ts index e55dad870ce..a416ff6be60 100644 --- a/packages/app/vite.icons.test.ts +++ b/packages/app/vite.icons.test.ts @@ -59,6 +59,7 @@ test.each(["dev", "beta", "prod"])("serves %s app icons", async (channel) => { async function check(channel: string, read: (path: string) => Promise) { const html = new TextDecoder().decode(await read("/index.html")) const actual: typeof manifest = JSON.parse(new TextDecoder().decode(await read("/site.webmanifest"))) + expect(actual.icons.every((icon) => icon.purpose === "maskable")).toBe(true) expect(actual).toEqual({ ...manifest, icons: manifest.icons.map((icon) => ({ ...icon, src: `/icons/${channel}${icon.src}` })),