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

Author: Turbo87

e2e/acceptance/publish-notifications.spec.ts

@@ -1,12 +1,11 @@
+import { defer } from '@/e2e/deferred';
 import { expect, test } from '@/e2e/helper';
+import { http, HttpResponse } from 'msw';
 
 test.describe('Acceptance | publish notifications', { tag: '@acceptance' }, () => {
-  test('unsubscribe and resubscribe', async ({ page, mirage }) => {
-    await mirage.addHook(server => {
-      let user = server.create('user');
-      globalThis.user = user;
-      authenticateAs(user);
-    });
+  test('unsubscribe and resubscribe', async ({ page, msw }) => {
+    let user = msw.db.user.create();
+    msw.authenticateAs(user);
 
     await page.goto('/settings/profile');
     await expect(page).toHaveURL('/settings/profile');
@@ -16,24 +15,23 @@ test.describe('Acceptance | publish notifications', { tag: '@acceptance' }, () =
     await expect(page.locator('[data-test-notifications] input[type=checkbox]')).not.toBeChecked();
 
     await page.click('[data-test-notifications] button');
-    await page.waitForFunction(() => globalThis.user.reload().publishNotifications === false);
+    user = msw.db.user.findFirst({ where: { id: { equals: user.id } } });
+    expect(user.publishNotifications).toBe(false);
 
     await page.click('[data-test-notifications] input[type=checkbox]');
     await expect(page.locator('[data-test-notifications] input[type=checkbox]')).toBeChecked();
 
     await page.click('[data-test-notifications] button');
-    await page.waitForFunction(() => globalThis.user.reload().publishNotifications === true);
+    user = msw.db.user.findFirst({ where: { id: { equals: user.id } } });
+    expect(user.publishNotifications).toBe(true);
   });
 
-  test('loading state', async ({ page, mirage }) => {
-    await mirage.addHook(server => {
-      let user = server.create('user');
-      authenticateAs(user);
-      globalThis.user = user;
+  test('loading state', async ({ page, msw }) => {
+    let user = msw.db.user.create();
+    msw.authenticateAs(user);
 
-      globalThis.deferred = require('rsvp').defer();
-      server.put('/api/v1/users/:user_id', globalThis.deferred.promise);
-    });
+    let deferred = defer();
+    msw.worker.use(http.put('/api/v1/users/:user_id', () => deferred.promise));
 
     await page.goto('/settings/profile');
     await expect(page).toHaveURL('/settings/profile');
@@ -44,20 +42,16 @@ test.describe('Acceptance | publish notifications', { tag: '@acceptance' }, () =
     await expect(page.locator('[data-test-notifications] input[type=checkbox]')).toBeDisabled();
     await expect(page.locator('[data-test-notifications] button')).toBeDisabled();
 
-    await page.evaluate(async () => globalThis.deferred.resolve());
+    deferred.resolve();
     await expect(page.locator('[data-test-notifications] [data-test-spinner]')).not.toBeVisible();
     await expect(page.locator('[data-test-notification-message="error"]')).not.toBeVisible();
   });
 
-  test('error state', async ({ page, mirage }) => {
-    await mirage.addHook(server => {
-      server.logging = true;
-      let user = server.create('user');
-      authenticateAs(user);
-      globalThis.user = user;
+  test('error state', async ({ page, msw }) => {
+    let user = msw.db.user.create();
+    msw.authenticateAs(user);
 
-      server.put('/api/v1/users/:user_id', '', 500);
-    });
+    msw.worker.use(http.put('/api/v1/users/:user_id', () => HttpResponse.text('', { status: 500 })));
 
     await page.goto('/settings/profile');
     await expect(page).toHaveURL('/settings/profile');