refactor: reorder visual test to avoid network issue

Author: ixartz

tests/e2e/Visual.e2e.ts

@@ -12,30 +12,28 @@ test.describe('Visual testing', () => {
       await takeSnapshot(page, testInfo);
     });
 
-    test('should take screenshot of the about page', async ({ page }, testInfo) => {
-      await page.goto('/about');
+    test('should take screenshot of the portfolio page', async ({ page }, testInfo) => {
+      await page.goto('/portfolio');
 
       await expect(
-        page.getByRole('link', { name: 'About' }),
+        page.getByText('Welcome to my portfolio page!'),
       ).toBeVisible();
 
       await takeSnapshot(page, testInfo);
     });
 
-    test('should take screenshot of the portfolio page', async ({ page }, testInfo) => {
-      await page.goto('/portfolio');
+    test('should take screenshot of the about page', async ({ page }, testInfo) => {
+      await page.goto('/about');
 
       await expect(
-        page.getByText('Welcome to my portfolio page!'),
+        page.getByText('Welcome to our About page!'),
       ).toBeVisible();
 
       await takeSnapshot(page, testInfo);
     });
 
     test('should take screenshot of the portfolio details page', async ({ page }, testInfo) => {
-      await page.goto('/portfolio');
-
-      await page.getByRole('link', { name: 'Portfolio 2' }).click();
+      await page.goto('/portfolio/2');
 
       await expect(
         page.getByText('Created a set of promotional'),