implement an initial artillery script

artillery/non-reactive-stress.yml

@@ -0,0 +1,20 @@
+config:
+  target: http://localhost:3000
+  phases:
+    - duration: 60
+      arrivalRate: 5
+      rampTo: 10
+      name: Warm up
+  ensure:
+    maxErrorRate: 1
+    max: 500
+  # Load the Playwright engine:
+  engines:
+    playwright:
+      launchOptions:
+        slowMo: 1000
+  # Path to JavaScript file that defines Playwright test functions
+  processor: '../tests/test-helpers.js'
+scenarios:
+  - engine: playwright
+    testFunction: 'nonReactiveAddAndRemoveTasks'

artillery/reactive-stress.yml

@@ -0,0 +1,20 @@
+config:
+  target: http://localhost:3000
+  phases:
+    - duration: 60
+      arrivalRate: 5
+      rampTo: 10
+      name: Warm up
+  ensure:
+    maxErrorRate: 1
+    max: 500
+  # Load the Playwright engine:
+  engines:
+    playwright:
+      launchOptions:
+        slowMo: 100
+  # Path to JavaScript file that defines Playwright test functions
+  processor: '../tests/test-helpers.js'
+scenarios:
+  - engine: playwright
+    testFunction: 'reactiveAddAndRemoveTasks'

playwright.config.ts

@@ -12,6 +12,9 @@ import { defineConfig, devices } from '@playwright/test';
  */
 export default defineConfig({
   timeout: 1260_000,
+  launchOptions: {
+    slowMo: 1_000,
+  },
   testDir: './tests',
   /* Run tests in files in parallel */
   fullyParallel: true,

tests/non-reactive.spec.js

@@ -0,0 +1,6 @@
+import { test, expect } from '@playwright/test';
+import { nonReactiveAddAndRemoveTasks } from './test-helpers';
+
+test('non-reactive', async ({ page }) => {
+  await nonReactiveAddAndRemoveTasks(page);
+});

tests/reactive.spec.js

@@ -0,0 +1,6 @@
+import { test, expect } from '@playwright/test';
+import { reactiveAddAndRemoveTasks } from './test-helpers';
+
+test('reactive', async ({ page }) => {
+  await reactiveAddAndRemoveTasks(page);
+});

tests/test-helpers.js

@@ -1,4 +1,4 @@
-export const addAndRemoveTasks = async ({ page, reactive, taskCount }) => {
+const addAndRemoveTasks = async ({ page, reactive, taskCount }) => {
   await page.goto('http://localhost:3000/');
   await page.getByLabel(reactive ? 'Reactive' : 'No Reactive', { exact: true }).check();
 
@@ -24,3 +24,19 @@ export const addAndRemoveTasks = async ({ page, reactive, taskCount }) => {
 
   await page.getByRole('button', { name: 'Remove all tasks' }).click();
 };
+
+async function reactiveAddAndRemoveTasks(page) {
+  const taskCount = parseFloat(process.env.TASK_COUNT || 10);
+  await addAndRemoveTasks({ page, reactive: false, taskCount });
+}
+
+async function nonReactiveAddAndRemoveTasks(page) {
+  const taskCount = parseFloat(process.env.TASK_COUNT || 10);
+  await addAndRemoveTasks({ page, reactive: true, taskCount });
+}
+
+module.exports = {
+  reactiveAddAndRemoveTasks,
+  nonReactiveAddAndRemoveTasks,
+  addAndRemoveTasks,
+}