[Question] Aliasing SvelteKit paths

I’d like to use Svelte component testing feature in order to sort of unit test some ts libraries used across my SvelteKit application. This way I could use Playwright for everything.

The problem I currently stumbled upon is as follows: path import convention $app/stores doesn’t seem to resolve correctly, despite overriding config as suggested here:

...
ctViteConfig: {
	resolve: {
		alias: {
			$app: resolve('playwright/mocks/app')
		}
	}
}

and ./playwright/mocks/app containing stores.ts:

import { readable } from 'svelte/store';

export const page = readable({});

What I’m getting is Error: Cannot find package '$app', and, while $lib and other aliases are resolving correctly, my guess is that $app cannot not be overwritten.

I’ve also tried to move mocks to other directory and resolving with a __dirname with no avail so far. Any ideas?

[pooledge]

Oh, didn’t you ask for a repo, did you? Minimum repro @ GH.

Thanks!

[yury-s]

See this comment https://github.com/microsoft/playwright/issues/16787#issuecomment-1230857867 We may add better support once SvelteKit becomes stable (at least 1.0.0 release is published).