From 27c0e7aa2e53f3a25d882d5c1a5292fc56980ece Mon Sep 17 00:00:00 2001
From: tzhangchi <terry.zhangchi@outlook.com>
Date: Sat, 24 Dec 2022 14:54:15 +0800
Subject: [PATCH] test: test case is added to Layout ui

---
 tests/layout.spec.ts | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 tests/layout.spec.ts

diff --git a/tests/layout.spec.ts b/tests/layout.spec.ts
new file mode 100644
index 0000000000..2c8db3cb02
--- /dev/null
+++ b/tests/layout.spec.ts
@@ -0,0 +1,30 @@
+import { test, expect, type Page } from '@playwright/test';
+import { loadPage } from './libs/load-page';
+
+loadPage();
+
+test.describe('Layout ui', () => {
+  test('Collapse Sidebar', async ({ page }) => {
+    await page.getByTestId('sliderBar-arrowButton').click();
+
+    const sliderBarArea = await page.getByText(
+      'Quick search All pagesFavouritesNo item Import Trash New Page'
+    );
+
+    await expect(sliderBarArea).not.toBeVisible();
+  });
+
+  test('Expand Sidebar', async ({ page }) => {
+    await page.getByTestId('sliderBar-arrowButton').click();
+
+    const sliderBarArea = await page.getByText(
+      'Quick search All pagesFavouritesNo item Import Trash New Page'
+    );
+
+    await expect(sliderBarArea).not.toBeVisible();
+
+    await page.getByTestId('sliderBar-arrowButton').click();
+
+    await expect(sliderBarArea).toBeVisible();
+  });
+});