E2E tests: Html element attributes are not getting sorted for assertions

[umaranis]

The prettier plugin prettier-plugin-organize-attributes is not working.

[umaranis]

The issue seems to be related to pnpm. Autoload prettier plugins don't work with pnpm.
See pnpm/pnpm#4700 and prettier/prettier#8474

[umaranis]

On debugging, I found that prettier is not able to locate the node_module folder for auto-loading plugins when using pnpm.

In the code for loading plugins, the current directory is identified as follows when the code works properly:
__dirname: “/Users/umarxxxx/Projects/svelte-lexical/node_modules/prettier”
And the folder for auto-loading modules is found as:
autoLoadDir: ”/Users/umarxxxx/Projects/svelte-lexical/"

In case of pnpm, the current directory is:
__dirname: “/Users/umarxxxx/Projects/svelte-lexical/node_modules/.pnpm/[email protected]/node_modules/prettier”
From this directory, prettier is not able to figure out autoLoadDir.

Here are the methods called from prettier codebase for loading prettier plugins and identifying the directories.

[umaranis]

Able to resolve this issue by setting plugins and pluginSearchDirs in .prettierrc.json file.