Add E2E tests

Author: gcatanese

e2e/tests/adyen-giving.spec.js

@@ -0,0 +1,20 @@
+// @ts-check
+const { test, expect } = require('@playwright/test');
+
+
+
+test('load Giving', async ({ page }) => {
+  await page.goto('/');
+
+  await expect(page).toHaveTitle(/API Flows/);
+
+  await page.getByRole('button', { name: 'Try out the Adyen Giving workflow' }).click();
+  await page.getByRole('button', { name: 'GO' }).click();
+
+  // click on workflow
+  await page.getByRole('button', { name: 'giving' }).click();
+
+  await page.getByRole('tab', { name: 'Info' }).click();
+  await page.getByRole('button', { name: 'Errors (0)' }).click();
+});
+

e2e/tests/adyen-recurring.spec.js

@@ -0,0 +1,20 @@
+// @ts-check
+const { test, expect } = require('@playwright/test');
+
+
+
+test('load Adyen Recurring example', async ({ page }) => {
+  await page.goto('/');
+
+  await expect(page).toHaveTitle(/API Flows/);
+
+  await page.getByRole('button', { name: 'Try out the Adyen Make Recurring Payments workflow' }).click();
+  await page.getByRole('button', { name: 'GO' }).click();
+
+  // click on workflow
+  await page.getByRole('button', { name: 'tokenization' }).click();
+
+  await page.getByRole('tab', { name: 'Info' }).click();
+  await page.getByRole('button', { name: 'Errors (0)' }).click();
+});
+

e2e/tests/arazzo.spec.js

@@ -0,0 +1,19 @@
+// @ts-check
+const { test, expect } = require('@playwright/test');
+
+
+test('load Arazzo example', async ({ page }) => {
+  await page.goto('/');
+
+  await expect(page).toHaveTitle(/API Flows/);
+
+  await page.getByRole('button', { name: 'Try out the Arazzo example \'Petstore - Apply Coupons\'' }).click();
+  await page.getByRole('button', { name: 'GO' }).click();
+
+  // click on workflow
+  await page.getByRole('button', { name: 'apply-coupon' }).click();
+
+  await page.getByRole('tab', { name: 'Info' }).click();
+  await page.getByRole('button', { name: 'Errors (0)' }).click();
+});
+

e2e/tests/home.spec.js

@@ -7,16 +7,5 @@ test('home', async ({ page }) => {
   await expect(page).toHaveTitle(/API Flows/);
 });
 
-test('load Giving', async ({ page }) => {
-  await page.goto('/');
-
-  await expect(page).toHaveTitle(/API Flows/);
 
-  await page.getByRole('button', { name: 'Try out the Adyen Giving workflow' }).click();
-  await page.getByRole('button', { name: 'GO' }).click();
-
-  await page.getByRole('button', { name: 'giving' }).click();
-  await page.getByRole('tab', { name: 'Info' }).click();
-  await page.getByRole('button', { name: 'Errors (0)' }).click();
-});