diff --git a/gradesa/playwright/e2e/advanced.spec.js b/gradesa/playwright/e2e/advanced.spec.js
index faa912d..76d8717 100644
--- a/gradesa/playwright/e2e/advanced.spec.js
+++ b/gradesa/playwright/e2e/advanced.spec.js
@@ -1,5 +1,5 @@
-const { test, expect } = require("@playwright/test");
-const { elementExists } = require("./utils/helpers");
+import { test, expect } from "@playwright/test";
+import { elementExists } from "./utils/helpers.js";
 
 test.describe("Advanced Interactions", () => {
   test("should display grammar content", async ({ page }) => {
diff --git a/gradesa/playwright/e2e/auth.spec.js b/gradesa/playwright/e2e/auth.spec.js
index 9cb9178..4bc1a56 100644
--- a/gradesa/playwright/e2e/auth.spec.js
+++ b/gradesa/playwright/e2e/auth.spec.js
@@ -1,4 +1,4 @@
-const { test, expect } = require("@playwright/test");
+import { test, expect } from "@playwright/test";
 
 test.describe("Authentication", () => {
   test("should navigate to login page", async ({ page }) => {
diff --git a/gradesa/playwright/e2e/click-exercise.spec.js b/gradesa/playwright/e2e/click-exercise.spec.js
index 0f5e673..0edac52 100644
--- a/gradesa/playwright/e2e/click-exercise.spec.js
+++ b/gradesa/playwright/e2e/click-exercise.spec.js
@@ -1,4 +1,4 @@
-const { test, expect } = require("@playwright/test");
+import { test, expect } from "@playwright/test";
 
 async function gotoClickExerciseList(page) {
   await page.goto("grammar/exercises/click", {
diff --git a/gradesa/playwright/e2e/components.spec.js b/gradesa/playwright/e2e/components.spec.js
index bb9c38f..680283b 100644
--- a/gradesa/playwright/e2e/components.spec.js
+++ b/gradesa/playwright/e2e/components.spec.js
@@ -1,4 +1,4 @@
-const { test, expect } = require("@playwright/test");
+import { test, expect } from "@playwright/test";
 
 test.describe("Component Interactions", () => {
   test("should display chapter navigation", async ({ page }) => {
diff --git a/gradesa/playwright/e2e/dnd-match-exercise.spec.js b/gradesa/playwright/e2e/dnd-match-exercise.spec.js
index 1b8bc56..d758d71 100644
--- a/gradesa/playwright/e2e/dnd-match-exercise.spec.js
+++ b/gradesa/playwright/e2e/dnd-match-exercise.spec.js
@@ -1,4 +1,4 @@
-const { test, expect } = require("@playwright/test");
+import { test, expect } from "@playwright/test";
 
 async function gotoDndMatchList(page) {
   await page.goto("grammar/exercises/dnd-match", {
diff --git a/gradesa/playwright/e2e/dragdrop-exercise.spec.js b/gradesa/playwright/e2e/dragdrop-exercise.spec.js
index 3fd2510..726a706 100644
--- a/gradesa/playwright/e2e/dragdrop-exercise.spec.js
+++ b/gradesa/playwright/e2e/dragdrop-exercise.spec.js
@@ -1,4 +1,4 @@
-const { test, expect } = require("@playwright/test");
+import { test, expect } from "@playwright/test";
 
 async function gotoDragdropExerciseList(page) {
   await page.goto("grammar/exercises/dragdrop", {
diff --git a/gradesa/playwright/e2e/fillinthegap.spec.js b/gradesa/playwright/e2e/fillinthegap.spec.js
index 6aba7fb..949875e 100644
--- a/gradesa/playwright/e2e/fillinthegap.spec.js
+++ b/gradesa/playwright/e2e/fillinthegap.spec.js
@@ -1,4 +1,4 @@
-const { test, expect } = require("@playwright/test");
+import { test, expect } from "@playwright/test";
 
 async function gotoFillInTheGapList(page) {
   await page.goto("grammar/exercises/fillinthegap", {
diff --git a/gradesa/playwright/e2e/forms.spec.js b/gradesa/playwright/e2e/forms.spec.js
index f57c1ed..74fea42 100644
--- a/gradesa/playwright/e2e/forms.spec.js
+++ b/gradesa/playwright/e2e/forms.spec.js
@@ -1,4 +1,4 @@
-const { test, expect } = require("@playwright/test");
+import { test, expect } from "@playwright/test";
 
 test.describe("Form Interactions", () => {
   test("should navigate to register page", async ({ page }) => {
diff --git a/gradesa/playwright/e2e/global-search.spec.js b/gradesa/playwright/e2e/global-search.spec.js
index d80004b..9b8889d 100644
--- a/gradesa/playwright/e2e/global-search.spec.js
+++ b/gradesa/playwright/e2e/global-search.spec.js
@@ -1,4 +1,4 @@
-const { test, expect } = require("@playwright/test");
+import { test, expect } from "@playwright/test";
 
 test.describe("Global header search", () => {
   test("should search and navigate to a page result", async ({ page }) => {
diff --git a/gradesa/playwright/e2e/grammar.spec.js b/gradesa/playwright/e2e/grammar.spec.js
index 82c5d83..ca22ff7 100644
--- a/gradesa/playwright/e2e/grammar.spec.js
+++ b/gradesa/playwright/e2e/grammar.spec.js
@@ -1,4 +1,4 @@
-const { test, expect } = require("@playwright/test");
+import { test, expect } from "@playwright/test";
 
 async function gotoWithRetry(page, url, options, retries = 1) {
   for (let attempt = 0; attempt <= retries; attempt += 1) {
diff --git a/gradesa/playwright/e2e/homepage.spec.js b/gradesa/playwright/e2e/homepage.spec.js
index ccc89a8..6e47337 100644
--- a/gradesa/playwright/e2e/homepage.spec.js
+++ b/gradesa/playwright/e2e/homepage.spec.js
@@ -1,4 +1,4 @@
-const { test, expect } = require("@playwright/test");
+import { test, expect } from "@playwright/test";
 
 test.describe("Home page", () => {
   test("should display the home page correctly", async ({ page }) => {
diff --git a/gradesa/playwright/e2e/learning.spec.js b/gradesa/playwright/e2e/learning.spec.js
index 53e4ce0..e9d698d 100644
--- a/gradesa/playwright/e2e/learning.spec.js
+++ b/gradesa/playwright/e2e/learning.spec.js
@@ -1,4 +1,4 @@
-const { test, expect } = require("@playwright/test");
+import { test, expect } from "@playwright/test";
 
 test.describe("Learning Page", () => {
   test("should load the learning page", async ({ page }) => {
diff --git a/gradesa/playwright/e2e/navigation.spec.js b/gradesa/playwright/e2e/navigation.spec.js
index b31abc7..706f11d 100644
--- a/gradesa/playwright/e2e/navigation.spec.js
+++ b/gradesa/playwright/e2e/navigation.spec.js
@@ -1,4 +1,4 @@
-const { test, expect } = require("@playwright/test");
+import { test, expect } from "@playwright/test";
 
 test.describe("Navigation", () => {
   test("should navigate to grammar communication page", async ({ page }) => {
diff --git a/gradesa/playwright/e2e/page-analyzer.spec.js b/gradesa/playwright/e2e/page-analyzer.spec.js
index 3cde4c2..b968112 100644
--- a/gradesa/playwright/e2e/page-analyzer.spec.js
+++ b/gradesa/playwright/e2e/page-analyzer.spec.js
@@ -1,5 +1,5 @@
-const { test } = require("@playwright/test");
-const { elementExists } = require("./utils/helpers");
+import { test } from "@playwright/test";
+import { elementExists } from "./utils/helpers.js";
 
 test.describe("Page Structure Analysis", () => {
   test("analyze homepage structure", async ({ page }) => {
diff --git a/gradesa/playwright/e2e/resources-detail.spec.js b/gradesa/playwright/e2e/resources-detail.spec.js
index a57b6a1..c1da38f 100644
--- a/gradesa/playwright/e2e/resources-detail.spec.js
+++ b/gradesa/playwright/e2e/resources-detail.spec.js
@@ -1,4 +1,4 @@
-const { test, expect } = require("@playwright/test");
+import { test, expect } from "@playwright/test";
 
 test.describe("Resources Detail Pages", () => {
   test("should display chapter content", async ({ page }) => {
diff --git a/gradesa/playwright/e2e/users-admin.spec.js b/gradesa/playwright/e2e/users-admin.spec.js
index 66feaa2..78068cc 100644
--- a/gradesa/playwright/e2e/users-admin.spec.js
+++ b/gradesa/playwright/e2e/users-admin.spec.js
@@ -1,4 +1,4 @@
-const { test, expect } = require("@playwright/test");
+import { test, expect } from "@playwright/test";
 
 test.describe("User Management", () => {
   test("users page route responds", async ({ page }) => {