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

Author: Turbo87

e2e/acceptance/crates.spec.ts

@@ -1,13 +1,12 @@
 import { expect, test } from '@/e2e/helper';
+import { loadFixtures } from '@crates-io/msw/fixtures';
 
 test.describe('Acceptance | crates page', { tag: '@acceptance' }, () => {
   // should match the default set in the crates controller
   const per_page = 50;
 
-  test('visiting the crates page from the front page', async ({ page, mirage, percy, a11y }) => {
-    await mirage.addHook(server => {
-      server.loadFixtures();
-    });
+  test('visiting the crates page from the front page', async ({ page, msw, percy, a11y }) => {
+    loadFixtures(msw.db);
 
     await page.goto('/');
     await page.click('[data-test-all-crates-link]');
@@ -19,10 +18,8 @@ test.describe('Acceptance | crates page', { tag: '@acceptance' }, () => {
     await a11y.audit();
   });
 
-  test('visiting the crates page directly', async ({ page, mirage }) => {
-    await mirage.addHook(server => {
-      server.loadFixtures();
-    });
+  test('visiting the crates page directly', async ({ page, msw }) => {
+    loadFixtures(msw.db);
 
     await page.goto('/crates');
     await page.click('[data-test-all-crates-link]');
@@ -31,29 +28,25 @@ test.describe('Acceptance | crates page', { tag: '@acceptance' }, () => {
     await expect(page).toHaveTitle('Crates - crates.io: Rust Package Registry');
   });
 
-  test('listing crates', async ({ page, mirage }) => {
-    await mirage.addHook(server => {
-      const per_page = 50;
-      for (let i = 1; i <= per_page; i++) {
-        let crate = server.create('crate');
-        server.create('version', { crate });
-      }
-    });
+  test('listing crates', async ({ page, msw }) => {
+    const per_page = 50;
+    for (let i = 1; i <= per_page; i++) {
+      let crate = msw.db.crate.create();
+      msw.db.version.create({ crate });
+    }
 
     await page.goto('/crates');
 
     await expect(page.locator('[data-test-crates-nav] [data-test-current-rows]')).toHaveText(`1-${per_page}`);
     await expect(page.locator('[data-test-crates-nav] [data-test-total-rows]')).toHaveText(`${per_page}`);
   });
 
-  test('navigating to next page of crates', async ({ page, mirage }) => {
-    await mirage.addHook(server => {
-      const per_page = 50;
-      for (let i = 1; i <= per_page + 2; i++) {
-        let crate = server.create('crate');
-        server.create('version', { crate });
-      }
-    });
+  test('navigating to next page of crates', async ({ page, msw }) => {
+    const per_page = 50;
+    for (let i = 1; i <= per_page + 2; i++) {
+      let crate = msw.db.crate.create();
+      msw.db.version.create({ crate });
+    }
     const page_start = per_page + 1;
     const total = per_page + 2;
 
@@ -65,29 +58,23 @@ test.describe('Acceptance | crates page', { tag: '@acceptance' }, () => {
     await expect(page.locator('[data-test-crates-nav] [data-test-total-rows]')).toHaveText(`${total}`);
   });
 
-  test('crates default sort is alphabetical', async ({ page, mirage }) => {
-    await mirage.addHook(server => {
-      server.loadFixtures();
-    });
+  test('crates default sort is alphabetical', async ({ page, msw }) => {
+    loadFixtures(msw.db);
 
     await page.goto('/crates');
 
     await expect(page.locator('[data-test-crates-sort] [data-test-current-order]')).toHaveText('Recent Downloads');
   });
 
-  test('downloads appears for each crate on crate list', async ({ page, mirage }) => {
-    await mirage.addHook(server => {
-      server.loadFixtures();
-    });
+  test('downloads appears for each crate on crate list', async ({ page, msw }) => {
+    loadFixtures(msw.db);
 
     await page.goto('/crates');
     await expect(page.locator('[data-test-crate-row="0"] [data-test-downloads]')).toHaveText('All-Time: 21,573');
   });
 
-  test('recent downloads appears for each crate on crate list', async ({ page, mirage }) => {
-    await mirage.addHook(server => {
-      server.loadFixtures();
-    });
+  test('recent downloads appears for each crate on crate list', async ({ page, msw }) => {
+    loadFixtures(msw.db);
 
     await page.goto('/crates');
     await expect(page.locator('[data-test-crate-row="0"] [data-test-recent-downloads]')).toHaveText('Recent: 2,000');