Use `$lib` in tests files too

[frederikhors]

Describe the problem

It would be very useful to use $lib in playwright tests files too.

Error: Cannot find package '$lib' imported from C:\project\src\lib\helpers.ts

Describe the proposed solution

Rich's Magic

Alternatives considered

Wait for Godot

Importance

would make my life easier

Additional Information

No response

[dummdidumm]

Judging from microsoft/playwright#10525 and microsoft/playwright#16164 this should already exist. Could you give a reproducible?

[WilliamHua]

https://github.com/WilliamHua/lib-sveltekit-bug-playwright

It works using version 1.1.1 of SvelteKit, but not 1.1.2.

I suspect it's because of this change: #8568

You can temporarily work around this by modifying your tsconfig.json and adding

{
	"extends": "./.svelte-kit/tsconfig.json",
	"compilerOptions": {
                ...
		"baseUrl": ".",
		"paths": {
			"$lib": [
				"src/lib"
			],
			"$lib/*": [
				"src/lib/*"
			]
		}
	}
}

[Smirow]

Same issue with $env, but can't really use the solution above. Do we have any other way to access env in dev? (dotenv is probably the way to go)

[TadasV1]

https://github.com/WilliamHua/lib-sveltekit-bug-playwright

It works using version 1.1.1 of SvelteKit, but not 1.1.2.

I suspect it's because of this change: #8568

You can temporarily work around this by modifying your tsconfig.json and adding

{
	"extends": "./.svelte-kit/tsconfig.json",
	"compilerOptions": {
                ...
		"baseUrl": ".",
		"paths": {
			"$lib": [
				"src/lib"
			],
			"$lib/*": [
				"src/lib/*"
			]
		}
	}
}

not working in playwright. still throws cannot find $lib

[iamthe-Wraith]

any update on this? trying to use playwrights component testing and getting this same error.

[iamthe-Wraith]

has anyone been able to resolve this? even just a hacky work around?

[eltigerchino]

The following workaround does it for me (as mentioned by William). For whatever reason it only works when the baseUrl option is included.
/tsconfig.json

{
	"extends": "./.svelte-kit/tsconfig.json",
	"compilerOptions": {
        ...
		"baseUrl": ".",
		"paths": {
			"$lib": [
				"./src/lib"
			],
			"$lib/*": [
				"./src/lib/*"
			]
		},
	},
}

[iamthe-Wraith]

The following workaround does it for me (as mentioned by William). For whatever reason it only works when the baseUrl option is included. /tsconfig.json

This worked for me, thank you!

[coryvirok]

I'm running into the same issue with accessing $env from tests, just like @Smirow mentioned. Is there a workaround for this?