close #868, adjust limit query and add test for event links

playwright.config.js

@@ -37,10 +37,10 @@ export default defineConfig({
       use: {...devices['Desktop Chrome']},
     },
 
-    // {
-    //   name: 'firefox',
-    //   use: {...devices['Desktop Firefox']},
-    // },
+    {
+      name: 'firefox',
+      use: {...devices['Desktop Firefox']},
+    },
 
     // {
     //   name: 'webkit',

src/routes/[[locale=locale]]/[using_data=using_data]/[project_database=project_database]/queries.js

@@ -1,6 +1,6 @@
 export const projectOverviewQuery = `
 query ProjectOverview($language: String = "de-DE", $status: [String] = ["published"]) {
-	Projects(filter: { status: { _in: $status }  } ) {
+	Projects(limit: -1, filter: { status: { _in: $status }  } ) {
 		status
 		project_id
 		project_status

src/routes/[[locale=locale]]/blog/queries.js

@@ -3,7 +3,7 @@ query BlogQuery(
 	$language: String = "de-DE"
 	$status: [String] = ["published"]
 ) {
-	Blog_Posts(sort: "-publication_datetime", filter: { status: { _in: $status } }) {
+	Blog_Posts(limit: -1, sort: "-publication_datetime", filter: { status: { _in: $status } }) {
 		publication_datetime
 		title_image {
 			id

svelte.config.js

@@ -55,7 +55,7 @@ function canBePrerendered(url) {
 const queries = {
   blogs: `
   query BlogSlugs($status: [String] = ["published"]) {
-    Blog_Posts(sort: ["-publication_datetime"], filter: {status: { _in: $status }}) {
+    Blog_Posts(limit: -1, sort: ["-publication_datetime"], filter: {status: { _in: $status }}) {
       translations(filter:{slug:{_neq:null}}) {
         languages_code {
           code
@@ -74,22 +74,22 @@ const queries = {
   `,
   events: `
   query EventSlugs($status: [String] = ["published"]) {
-    Events (filter : {status: {_in: $status}}){
+    Events (limit: -1, filter : {status: {_in: $status}}){
       slug
     }
   }
   `,
   projects: `
   query ProjectSlugs($status: [String] = ["published"]) {
-    Projects (filter : {status: {_in: $status}}) {
+    Projects (limit: -1, filter : {status: {_in: $status}}) {
       slug: project_id
     }
   }
 
   `,
   jobs: `
   query Jobs($status: [String] = ["published"]) {
-    Jobs(filter: { status: { _in: $status }  }) {
+    Jobs(limit: -1, filter: { status: { _in: $status }  }) {
       slug
     }
   }

tests/event-links.spec.js

@@ -0,0 +1,81 @@
+import {test, expect} from '@playwright/test';
+
+test.describe('event subpages accessibility test', () => {
+  const eventPages = [
+    {path: '/veranstaltungen/?viewType=list', lang: 'de'},
+    {path: '/en/events/?viewType=list', lang: 'en'},
+  ];
+
+  for (const {path, lang} of eventPages) {
+    test(`check if all ${lang} event detail pages are accessible`, async ({
+      page,
+    }) => {
+      // Go to events page with list view
+      await page.goto(path, {waitUntil: 'networkidle'});
+      await page.waitForLoadState('domcontentloaded');
+      await page.waitForTimeout(2000); // Wait for dynamic content
+
+      // Get all event links
+      const eventLinks = await page.evaluate((lang) => {
+        const baseSelector =
+          lang === 'en'
+            ? 'a[href*="/en/events/"]'
+            : 'a[href*="/veranstaltungen/"]';
+
+        return Array.from(document.querySelectorAll(baseSelector))
+          .filter((link) => {
+            const href = link.href;
+            const isMainPage =
+              lang === 'en'
+                ? href === 'http://localhost:3000/en/events' ||
+                  href === 'http://localhost:3000/en/events/'
+                : href === 'http://localhost:3000/veranstaltungen' ||
+                  href === 'http://localhost:3000/veranstaltungen/';
+            const isEventDetail =
+              href.includes('?viewType=list') && !isMainPage;
+            return isEventDetail;
+          })
+          .map((link) => ({
+            url: link.href.replace('?viewType=list', ''),
+            title: link.textContent?.trim() || null,
+          }));
+      }, lang);
+
+      // Log found links for debugging
+      console.log(`Found ${eventLinks.length} event links:`);
+      eventLinks.forEach((link) => {
+        console.log(`- ${link.title}: ${link.url}`);
+      });
+
+      // Verify we found links
+      expect(
+        eventLinks.length,
+        `No event links found for ${lang} page`,
+      ).toBeGreaterThan(0);
+
+      // Limit to first 5 events
+      const limitedEventLinks = eventLinks.slice(0, 5);
+
+      // Visit and check each event page
+      for (const {url, title} of limitedEventLinks) {
+        console.log(`Checking event: ${title} at ${url}`);
+
+        const response = await page.goto(url, {waitUntil: 'networkidle'});
+        expect(response?.status(), `Failed to load ${url}`).toBe(200);
+
+        // Basic accessibility checks
+        await expect(page).toHaveTitle(/.+/);
+        await expect(page.locator('header')).toBeVisible();
+
+        // Event specific checks
+        const eventTitle = page.getByRole('heading', {level: 1});
+        await expect(eventTitle).toBeVisible();
+
+        // Language verification
+        const expectedPath =
+          lang === 'en' ? '/en/events/' : '/veranstaltungen/';
+        expect(page.url()).toContain(expectedPath);
+      }
+    });
+  }
+});