feat: migrate cypress hooks (#186)

.grit/patterns/js/cypress_to_playwright.md

@@ -37,6 +37,7 @@ pattern convert_cypress_queries() {
         `cy.contains($text, $options)` => `await expect(page.getByText($text)).toBeVisible($options)`,
         `cy.contains($text)` => `await expect(page.getByText($text)).toBeVisible()`,
         `cy.log($log)` => `console.log($log)`,
+        `cy.wait($timeout)` => `await page.waitForTimeout($timeout)`,
         `Cypress.env('$var')` => `process.env.$var`,
         `cy.onlyOn($var === $cond)` => `if ($var !== $cond) {
   test.skip();
@@ -64,7 +65,14 @@ pattern convert_cypress_queries() {
 
 pattern convert_cypress_test() {
     or {
-        `describe($description, $suite)` => `test.describe($description, $suite)`,
+        `describe($description, $suite)` => `test.describe($description, $suite)` where {
+            $suite <: maybe contains bubble or {
+                `before($hook)` => `test.beforeAll(async $hook)`,
+                `beforeEach($hook)` => `test.beforeEach(async $hook)`,
+                `after($hook)` => `test.afterAll(async $hook)`,
+                `afterEach($hook)` => `test.afterEach(async $hook)`,
+            },
+        },
         or {
             `it($description, () => { $body })`,
             `test($description, () => { $body })`
@@ -139,3 +147,33 @@ await request.post('/submit', {
 });
 await expect(page.getByText('Submitted')).toBeVisible({ timeout: 10000 });
 ```
+
+## Converts hooks
+
+```js
+describe('Grouping', function () {
+  before(function () {
+    setup();
+  });
+
+  afterEach(function () {
+    cy.wait(1000);
+    teardown();
+  });
+});
+```
+
+```ts
+import { expect, test } from '@playwright/test';
+
+test.describe('Grouping', function () {
+  test.beforeAll(async function () {
+    setup();
+  });
+
+  test.afterEach(async function () {
+    await page.waitForTimeout(1000);
+    teardown();
+  });
+});
+```