e2e/acceptance/categories: Migrate from mirage to @crates-io/msw

Author: Turbo87

e2e/acceptance/categories.spec.ts

@@ -1,15 +1,13 @@
-import { test, expect } from '@/e2e/helper';
+import { expect, test } from '@/e2e/helper';
 
 test.describe('Acceptance | categories', { tag: '@acceptance' }, () => {
-  test('listing categories', async ({ page, mirage, percy, a11y }) => {
-    await mirage.addHook(server => {
-      server.create('category', { category: 'API bindings' });
-      server.create('category', { category: 'Algorithms' });
-      server.createList('crate', 1, { categoryIds: ['algorithms'] });
-      server.create('category', { category: 'Asynchronous' });
-      server.createList('crate', 15, { categoryIds: ['asynchronous'] });
-      server.create('category', { category: 'Everything', crates_cnt: 1234 });
-    });
+  test('listing categories', async ({ page, msw, percy, a11y }) => {
+    msw.db.category.create({ category: 'API bindings' });
+    let algos = msw.db.category.create({ category: 'Algorithms' });
+    msw.db.crate.create({ categories: [algos] });
+    let async = msw.db.category.create({ category: 'Asynchronous' });
+    Array.from({ length: 15 }).forEach(() => msw.db.crate.create({ categories: [async] }));
+    msw.db.category.create({ category: 'Everything', crates_cnt: 1234 });
 
     await page.goto('/categories');
 
@@ -22,10 +20,8 @@ test.describe('Acceptance | categories', { tag: '@acceptance' }, () => {
     await a11y.audit();
   });
 
-  test('category/:category_id index default sort is recent-downloads', async ({ page, mirage, percy, a11y }) => {
-    await mirage.addHook(server => {
-      server.create('category', { category: 'Algorithms' });
-    });
+  test('category/:category_id index default sort is recent-downloads', async ({ page, msw, percy, a11y }) => {
+    msw.db.category.create({ category: 'Algorithms' });
     await page.goto('/categories/algorithms');
 
     await expect(page.locator('[data-test-category-sort] [data-test-current-order]')).toHaveText('Recent Downloads');
@@ -34,11 +30,9 @@ test.describe('Acceptance | categories', { tag: '@acceptance' }, () => {
     await a11y.audit();
   });
 
-  test('listing category slugs', async ({ page, mirage }) => {
-    await mirage.addHook(server => {
-      server.create('category', { category: 'Algorithms', description: 'Crates for algorithms' });
-      server.create('category', { category: 'Asynchronous', description: 'Async crates' });
-    });
+  test('listing category slugs', async ({ page, msw }) => {
+    msw.db.category.create({ category: 'Algorithms', description: 'Crates for algorithms' });
+    msw.db.category.create({ category: 'Asynchronous', description: 'Async crates' });
     await page.goto('/category_slugs');
 
     await expect(page.locator('[data-test-category-slug="algorithms"]')).toHaveText('algorithms');
@@ -50,10 +44,8 @@ test.describe('Acceptance | categories', { tag: '@acceptance' }, () => {
 
 test.describe('Acceptance | categories (locale: de)', { tag: '@acceptance' }, () => {
   test.use({ locale: 'de' });
-  test('listing categories', async ({ page, mirage }) => {
-    await mirage.addHook(server => {
-      server.create('category', { category: 'Everything', crates_cnt: 1234 });
-    });
+  test('listing categories', async ({ page, msw }) => {
+    msw.db.category.create({ category: 'Everything', crates_cnt: 1234 });
     await page.goto('categories');
 
     await expect(page.locator('[data-test-category="everything"] [data-test-crate-count]')).toHaveText('1.234 crates');