chore(ci): fix assertions in e2e tests (#3316)

Changes from #3267 change the web layout on crawlee.dev and broke the
selectors in multiple e2e tests. This PR updates these selectors to match the current state of the web.

This also pins the @types/node dependency in TS E2E tests to ^24.0.0.

Author: barjin

test/e2e/cheerio-curl-impersonate-ts/actor/package.json

@@ -24,7 +24,8 @@
     },
     "devDependencies": {
         "@apify/tsconfig": "^0.1.0",
-        "typescript": "^5.0.0"
+        "typescript": "^5.0.0",
+        "@types/node": "^24.0.0"
     },
     "scripts": {
         "start": "tsc && node main.js",

test/e2e/cheerio-default-ts/actor/package.json

@@ -23,7 +23,8 @@
     },
     "devDependencies": {
         "@apify/tsconfig": "^0.1.0",
-        "typescript": "^5.0.0"
+        "typescript": "^5.0.0",
+        "@types/node": "^24.0.0"
     },
     "scripts": {
         "start": "tsc && node main.js",

test/e2e/cheerio-impit-ts/actor/package.json

@@ -24,7 +24,8 @@
     },
     "devDependencies": {
         "@apify/tsconfig": "^0.1.0",
-        "typescript": "^5.0.0"
+        "typescript": "^5.0.0",
+        "@types/node": "^24.0.0"
     },
     "scripts": {
         "start": "tsc && node main.js",

test/e2e/cheerio-max-requests/actor/main.js

@@ -34,8 +34,8 @@ await Actor.main(async () => {
                 }
             } else if (label === 'DETAIL') {
                 const uniqueIdentifier = url.split('/').slice(-2).join('/');
-                const title = $('header h1').text();
-                const firstParagraph = $('header + p').text();
+                const title = $('.markdown h1').text();
+                const firstParagraph = $('.markdown > p').text();
                 const modifiedDate = $('.theme-last-updated time').attr('datetime');
 
                 await Dataset.pushData({

test/e2e/cheerio-page-info/actor/main.js

@@ -22,8 +22,8 @@ router.addHandler('DETAIL', async ({ request, $ }) => {
     const { url } = request;
 
     const uniqueIdentifier = url.split('/').slice(-2).join('/');
-    const title = $('header h1').text();
-    const firstParagraph = $('header + p').text();
+    const title = $('.markdown h1').text();
+    const firstParagraph = $('.markdown > p').text();
     const modifiedDate = $('.theme-last-updated time').attr('datetime');
 
     await Dataset.pushData({

test/e2e/cheerio-stop-resume-ts/actor/package.json

@@ -23,7 +23,8 @@
     },
     "devDependencies": {
         "@apify/tsconfig": "^0.1.0",
-        "typescript": "^5.0.0"
+        "typescript": "^5.0.0",
+        "@types/node": "^24.0.0"
     },
     "scripts": {
         "start": "tsc && node main.js",

test/e2e/jsdom-default-ts/actor/package.json

@@ -23,7 +23,8 @@
     },
     "devDependencies": {
         "@apify/tsconfig": "^0.1.0",
-        "typescript": "^5.0.0"
+        "typescript": "^5.0.0",
+        "@types/node": "^24.0.0"
     },
     "scripts": {
         "start": "tsc && node main.js",

test/e2e/jsdom-react-ts/actor/package.json

@@ -23,7 +23,8 @@
     },
     "devDependencies": {
         "@apify/tsconfig": "^0.1.0",
-        "typescript": "^5.0.0"
+        "typescript": "^5.0.0",
+        "@types/node": "^24.0.0"
     },
     "scripts": {
         "start": "tsc && node main.js",

test/e2e/linkedom-default-ts/actor/package.json

@@ -23,7 +23,8 @@
     },
     "devDependencies": {
         "@apify/tsconfig": "^0.1.0",
-        "typescript": "^5.0.0"
+        "typescript": "^5.0.0",
+        "@types/node": "^24.0.0"
     },
     "scripts": {
         "start": "tsc && node main.js",

test/e2e/puppeteer-page-info/actor/main.js

@@ -33,8 +33,8 @@ await Actor.main(async () => {
 
                 const uniqueIdentifier = url.split('/').slice(-2).join('/');
 
-                const titleP = page.$eval('header h1', (el) => el.textContent);
-                const firstParagraphP = page.$eval('header + p', (el) => el.textContent);
+                const titleP = page.$eval('.markdown h1', (el) => el.textContent);
+                const firstParagraphP = page.$eval('.markdown > p', (el) => el.textContent);
                 const modifiedDateP = page.$eval('.theme-last-updated time', (el) => el.getAttribute('datetime'));
                 const [title, description, modifiedDate] = await Promise.all([titleP, firstParagraphP, modifiedDateP]);