diff --git a/src/tools/xml-formatter/xml-formatter.e2e.spec.ts b/src/tools/xml-formatter/xml-formatter.e2e.spec.ts
new file mode 100644
index 00000000..f09a7864
--- /dev/null
+++ b/src/tools/xml-formatter/xml-formatter.e2e.spec.ts
@@ -0,0 +1,23 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('Tool - Xml formatter', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto('/xml-formatter');
+  });
+
+  test('Has correct title', async ({ page }) => {
+    await expect(page).toHaveTitle('Xml formatter - IT Tools');
+  });
+
+  test('XML is converted into a human readable format', async ({ page }) => {
+    await page.getByTestId('input').fill('<foo><bar>baz</bar><bar>baz</bar></foo>');
+
+    const formattedXml = await page.getByTestId('area-content').innerText();
+
+    expect(formattedXml.trim()).toEqual(`
+<foo>
+  <bar>baz</bar>
+  <bar>baz</bar>
+</foo>`.trim());
+  });
+});