+
+
+
diff --git a/src/ice-cream/__tests__/IceCreamWidget.spec.ts b/src/ice-cream/__tests__/IceCreamWidget.spec.ts
new file mode 100644
index 0000000..844086a
--- /dev/null
+++ b/src/ice-cream/__tests__/IceCreamWidget.spec.ts
@@ -0,0 +1,81 @@
+import { describe, expect, it } from 'vitest'
+import { flushPromises, mount } from '@vue/test-utils'
+
+import IceCreamWidget from '../IceCreamWidget.vue'
+import { createSimulatedPurchasePort } from '../purchasePort'
+import type { IceCreamMeme } from '../types'
+
+const testMemes: IceCreamMeme[] = [
+ {
+ id: 'a',
+ name: 'Vendor A',
+ quote: 'Scoops for days.',
+ flavor: 'Alpha Ripple',
+ flavorBlurb: 'Alpha blurb.',
+ successLine: 'Alpha success.',
+ vendorImg: 'data:image/svg+xml,a-vendor',
+ successImg: 'data:image/svg+xml,a-success',
+ priceFyp: '10',
+ nftId: 1,
+ },
+ {
+ id: 'b',
+ name: 'Vendor B',
+ quote: 'Cold chain guaranteed.',
+ flavor: 'Beta Beam',
+ flavorBlurb: 'Beta blurb.',
+ successLine: 'Beta success.',
+ vendorImg: 'data:image/svg+xml,b-vendor',
+ successImg: 'data:image/svg+xml,b-success',
+ priceFyp: '10',
+ nftId: 2,
+ },
+]
+
+describe('IceCreamWidget', () => {
+ it('renders vendor pitch and buy button', () => {
+ const wrapper = mount(IceCreamWidget, {
+ props: {
+ memes: [testMemes[0]!],
+ purchasePort: createSimulatedPurchasePort({ delayMs: 0 }),
+ },
+ })
+
+ expect(wrapper.text()).toContain('Buy Ice Cream (10 FYP)')
+ expect(wrapper.find('[data-ice-cream-stand]').exists()).toBe(true)
+ expect(wrapper.text()).toContain('Vendor A')
+ })
+
+ it('shows success NFT after purchase', async () => {
+ const wrapper = mount(IceCreamWidget, {
+ props: {
+ memes: [testMemes[0]!],
+ purchasePort: createSimulatedPurchasePort({ delayMs: 0 }),
+ },
+ })
+
+ await wrapper.get('.ice-cream-stand__buy').trigger('click')
+ await flushPromises()
+
+ expect(wrapper.text()).toContain('Soulbound receipt minted')
+ expect(wrapper.find('img[alt*="soulbound ice cream"]').attributes('src')).toContain('a-success')
+ })
+
+ it('shows error panel when purchase fails', async () => {
+ const wrapper = mount(IceCreamWidget, {
+ props: {
+ memes: [testMemes[0]!],
+ purchasePort: createSimulatedPurchasePort({
+ delayMs: 0,
+ outcome: { status: 'error', code: 'insufficient_fyp' },
+ }),
+ },
+ })
+
+ await wrapper.get('.ice-cream-stand__buy').trigger('click')
+ await flushPromises()
+
+ expect(wrapper.text()).toContain('Not enough $FYP')
+ expect(wrapper.text()).toContain('Try again')
+ })
+})
diff --git a/src/ice-cream/__tests__/iceCreamStand.spec.ts b/src/ice-cream/__tests__/iceCreamStand.spec.ts
new file mode 100644
index 0000000..f27bba5
--- /dev/null
+++ b/src/ice-cream/__tests__/iceCreamStand.spec.ts
@@ -0,0 +1,132 @@
+import { describe, expect, it } from 'vitest'
+
+import { getIceCreamErrorView } from '../errors'
+import { ICE_CREAM_MEMES } from '../memes'
+import { canPurchase, canShuffleVendor, pickRandomMeme } from '../pickMeme'
+import { createSimulatedPurchasePort } from '../purchasePort'
+import type { IceCreamMeme } from '../types'
+import { useIceCreamStand } from '../useIceCreamStand'
+
+const testMemes: IceCreamMeme[] = [
+ {
+ id: 'a',
+ name: 'Vendor A',
+ quote: 'Best scoops.',
+ flavor: 'Alpha',
+ flavorBlurb: 'Alpha blurb.',
+ successLine: 'Alpha success.',
+ vendorImg: '/a-vendor.svg',
+ successImg: '/a-success.svg',
+ priceFyp: '10',
+ nftId: 1,
+ },
+ {
+ id: 'b',
+ name: 'Vendor B',
+ quote: 'Also best scoops.',
+ flavor: 'Beta',
+ flavorBlurb: 'Beta blurb.',
+ successLine: 'Beta success.',
+ vendorImg: '/b-vendor.svg',
+ successImg: '/b-success.svg',
+ priceFyp: '10',
+ nftId: 2,
+ },
+]
+
+describe('ice-cream pickMeme', () => {
+ it('returns a meme from the pool', () => {
+ const picked = pickRandomMeme(testMemes)
+ expect(testMemes.some((m) => m.id === picked.id)).toBe(true)
+ })
+
+ it('excludes the current vendor when shuffling', () => {
+ const picked = pickRandomMeme(testMemes, 'a')
+ expect(picked.id).toBe('b')
+ })
+
+ it('gates purchase and shuffle by phase', () => {
+ expect(canPurchase('idle')).toBe(true)
+ expect(canPurchase('error')).toBe(true)
+ expect(canPurchase('purchasing')).toBe(false)
+ expect(canShuffleVendor('success')).toBe(false)
+ })
+})
+
+describe('ice-cream purchasePort', () => {
+ it('simulates success by default', async () => {
+ const port = createSimulatedPurchasePort({ delayMs: 0 })
+ await expect(port.buy(testMemes[0]!)).resolves.toEqual({ status: 'success' })
+ })
+
+ it('simulates configured errors', async () => {
+ const port = createSimulatedPurchasePort({
+ delayMs: 0,
+ outcome: { status: 'error', code: 'insufficient_fyp' },
+ })
+ await expect(port.buy(testMemes[0]!)).resolves.toEqual({
+ status: 'error',
+ code: 'insufficient_fyp',
+ })
+ })
+})
+
+describe('ice-cream errors', () => {
+ it('returns humorous copy for each code', () => {
+ const view = getIceCreamErrorView('wallet_rejected')
+ expect(view.title.length).toBeGreaterThan(3)
+ expect(view.hint.length).toBeGreaterThan(10)
+ })
+})
+
+describe('useIceCreamStand', () => {
+ it('starts with a random vendor', () => {
+ const stand = useIceCreamStand({ memes: testMemes, purchasePort: createSimulatedPurchasePort() })
+ expect(testMemes.some((m) => m.id === stand.activeMeme.value.id)).toBe(true)
+ })
+
+ it('completes a simulated purchase', async () => {
+ const stand = useIceCreamStand({
+ memes: testMemes,
+ purchasePort: createSimulatedPurchasePort({ delayMs: 0 }),
+ })
+ stand.activeMeme.value = testMemes[0]!
+
+ await stand.buyIceCream()
+
+ expect(stand.phase.value).toBe('success')
+ })
+
+ it('shows error feedback on failed purchase', async () => {
+ const stand = useIceCreamStand({
+ memes: testMemes,
+ purchasePort: createSimulatedPurchasePort({
+ delayMs: 0,
+ outcome: { status: 'error', code: 'network' },
+ }),
+ })
+
+ await stand.buyIceCream()
+
+ expect(stand.phase.value).toBe('error')
+ expect(stand.errorView.value?.code).toBe('network')
+ })
+
+ it('shuffles to the other vendor', () => {
+ const stand = useIceCreamStand({ memes: testMemes, purchasePort: createSimulatedPurchasePort() })
+ stand.activeMeme.value = testMemes[0]!
+ stand.shuffleVendor()
+ expect(stand.activeMeme.value.id).toBe('b')
+ })
+})
+
+describe('ice-cream memes registry', () => {
+ it('ships four vendor sets', () => {
+ expect(ICE_CREAM_MEMES).toHaveLength(4)
+ for (const meme of ICE_CREAM_MEMES) {
+ expect(meme.vendorImg).toBeTruthy()
+ expect(meme.successImg).toBeTruthy()
+ expect(meme.nftId).toBeGreaterThan(0)
+ }
+ })
+})
diff --git a/src/ice-cream/assets/doge-vendor.webp b/src/ice-cream/assets/doge-vendor.webp
new file mode 100644
index 0000000000000000000000000000000000000000..48029f61f2240d46f313041b0c6a3cf5dc568bc6
GIT binary patch
literal 38964
zcmV(mK=Z#+Nk&F2m;eA*MM6+kP&gnUm;eB
+
+
+
+
+
+ ![]()
+
+
+
+ Soulbound receipt minted
++ {{ activeMeme.flavor }} +
++ {{ activeMeme.successLine }} +
+ +
+
+ {{ errorView.title }}
+{{ errorView.message }}
+{{ errorView.hint }}
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+ {{ ICE_CREAM_PRICE_FYP }} {{ FYP_TOKEN_SYMBOL }}
+
+ + Today's vendor +
++ {{ activeMeme.name }} +
++ {{ activeMeme.quote }} +
+ ++ {{ activeMeme.flavor }} + — {{ activeMeme.flavorBlurb }} +
+ +Base mainnet · per scoop
+ +
+
+
+
+