Feat/playwright integration

.gitignore

@@ -32,7 +32,3 @@ dist
 /test-results/
 /playwright-report/
 /playwright/.cache/
-
-# cypress
-/cypress/videos/
-/cypress/screenshots/

.vscode/settings.json

@@ -4,7 +4,7 @@
 	"i18n-ally.keystyle": "nested",
 	"prettier.requireConfig": true,
 	"editor.codeActionsOnSave": {
-		"source.fixAll.eslint": true
+		"source.fixAll.eslint": "explicit"
 	},
 	"cSpell.words": ["Cidoc", "nuxt"],
 	"editor.defaultFormatter": "esbenp.prettier-vscode",

README.md

@@ -125,14 +125,8 @@ To test the frontend we use Cypress to run E2E tests.
    2. Run all the specs directly with `npm run cy:run`. This will run through all the tests and
       output the results in the console. If you run `npm run cy:run-record` cypress will also record
       videos of the tests and save them under `cypress/videos`.
-
-### Developing with and for Cypress
-
-- To enable tests to run properly even when changing component we should use selectors that are
-  prone to stay the same. Therefore we should follow the
-  [Best Practice](https://docs.cypress.io/guides/references/best-practices#Selecting-Elements) and
-  add a `data-test` attribute to elements we intend to test.
-
+### Developing with and for Playwright
+TO-DO
 # Licensing
 
 All code unless otherwise noted is licensed under the terms of the MIT License (MIT). Please refer

components/LocaleDropDown.vue

@@ -12,16 +12,14 @@ const availableLocales = computed(() => {
 <template>
 	<VBtn
 		id="locale-selector-button-activator"
-		data-test="header-locale-menu"
-		role="button"
 		class="h-100 d-flex align-center justify-center px-2 text-grey"
 	>
 		<VIcon>mdi-translate</VIcon>
 		<VIcon size="small">mdi-chevron-down</VIcon>
 		<span class="d-sr-only">{{ $t("global.basics.language-selection") }}</span>
 	</VBtn>
 	<VMenu activator="#locale-selector-button-activator">
-		<VList data-test="locale-selector-list">
+		<VList>
 			<VListSubheader>
 				<p class="text-caption px-2">
 					{{ $t("global.basics.language") }}
@@ -35,7 +33,6 @@ const availableLocales = computed(() => {
 				@see https://i18n.nuxtjs.org/guide/lang-switcher
 			 	-->
 				<NuxtLink
-					:data-test="`locale-selector-${l.code}`"
 					:to="switchLocalePath(l.code)"
 					@click.prevent.stop="setLocale(locale.code)"
 				>

config/i18n.config.ts

@@ -0,0 +1,2 @@
+export const locales = ["en", "de"];
+export type Locale = (typeof locales)[number];