diff --git a/frontend/src/tests/e2e/import-token.spec.ts b/frontend/src/tests/e2e/import-token.spec.ts
index 02045b1e6c0..366aae77cd9 100644
--- a/frontend/src/tests/e2e/import-token.spec.ts
+++ b/frontend/src/tests/e2e/import-token.spec.ts
@@ -44,6 +44,8 @@ test("Test imported tokens", async ({ page, context }) => {
   await formPo.getLedgerCanisterInputPo().typeText(testLedgerCanisterId);
   await formPo.getIndexCanisterInputPo().typeText(testIndexCanisterId);
 
+  await expect(page).toHaveScreenshot("import-form.png");
+
   await formPo.getSubmitButtonPo().click();
   await reviewPo.waitFor();
 
@@ -57,6 +59,8 @@ test("Test imported tokens", async ({ page, context }) => {
     testIndexCanisterId
   );
 
+  await expect(page).toHaveScreenshot("import-review.png");
+
   step("First import / Import the token");
 
   await reviewPo.getConfirmButtonPo().click();
@@ -81,6 +85,8 @@ test("Test imported tokens", async ({ page, context }) => {
 
   expect(await tokenNames()).toContain(TEST_TOKEN_NAME);
 
+  await expect(page).toHaveScreenshot("imported-token.png");
+
   step("The user can navigate to the imported token page");
 
   const importedTokenRowPo = tokensPagePo
@@ -125,6 +131,8 @@ test("Test imported tokens", async ({ page, context }) => {
     await reviewPo.getIndexCanisterIdPo().getCanisterIdFallback().isPresent()
   ).toBe(true);
 
+  await expect(page).toHaveScreenshot("import-review-no-index.png");
+
   step("Second import / Import the token");
 
   await reviewPo.getConfirmButtonPo().click();