Added environment file, fixtures and first test

Author: ludomikula

playwright/.env

@@ -1 +1,2 @@
+# Change the URL to your running lowcoder instance
 LOWCODER_BASE_URL=http://lowcoder.internal:3000

playwright/data/local/test-data.json

@@ -0,0 +1,10 @@
+{
+  "users": {
+    "admin": {
+        "credentials": {
+            "username": "[email protected]",
+            "password": "admin1234"
+        }
+    }
+  }
+}

playwright/fixtures.ts

@@ -10,6 +10,7 @@ export class LoginPage {
   private readonly signUpLink: Locator;
 
   constructor(public readonly page: Page) {
+    this.page = page;
     this.emailInput = this.page.getByPlaceholder(/^Please enter your email$/);
     this.passwordInput = this.page.getByPlaceholder(/^Please enter your password$/);
     this.confirmPasswordInput = this.page.getByPlaceholder(/^Please Confirm Password$/);
@@ -19,6 +20,27 @@ export class LoginPage {
     this.signUpLink = this.page.getByRole('link', { name: 'Sign Up' });
   }
 
+
+/*
+
+test('test', async ({ page }) => {
+  await page.goto('http://localhost:3000/');
+  await page.goto('http://localhost:3000/apps');
+  await page.goto('http://localhost:3000/user/auth/login');
+  await page.getByPlaceholder('Please enter your email').click();
+  await page.getByPlaceholder('Please enter your email').fill('admin@admin.com');
+  await page.getByRole('button', { name: 'Continue' }).click();
+  await page.getByPlaceholder('Please enter your password').click();
+  await page.getByPlaceholder('Please enter your password').fill('admin1234');
+  await page.getByRole('button', { name: 'Sign In' }).click();
+  await page.getByTitle('[email protected]', { exact: true }).click();
+  await page.getByText('[email protected]', { exact: true }).click();
+  await page.getByText('My Profile').click();
+});
+
+*/
+
+
   async loadPage() {
     await this.page.goto('/user/auth/login');
   }

playwright/pages/login-page.ts

@@ -0,0 +1,65 @@
+import { type Page, type Locator, expect } from '@playwright/test';
+
+export class SignUpPage {
+    private txtEmail: Locator;
+    private txtPassword: Locator;
+    private txtConfirmPassword: Locator;
+    private btnSignUp: Locator;
+  
+    constructor(public page: Page) {
+        this.page = page;
+        this.txtEmail = this.page.getByPlaceholder(/^Please enter your email$/);
+        this.txtPassword = this.page.getByPlaceholder(/^Please Enter Password$/);
+        this.txtConfirmPassword = this.page.getByPlaceholder(/^Please Confirm Password$/);
+        this.btnSignUp = this.page.getByRole('button', { name: 'Sign Up' });
+    }
+
+    async Load() {
+        await this.page.goto('/user/auth/register');
+    }
+
+    async SignUp(username: string, password: string, repeatPassword: string) {
+        /** Check that input descriptions are present and visible */
+        await expect(this.page.locator('div').filter({ hasText: /^Sign Up$/ }), 'page header "Sign Up" is displayed').toBeVisible();
+        await expect(this.page.getByText('Email:'), '"email" text input is displayed').toBeVisible();
+        await expect(this.page.getByText('Password', { exact: true }), '"password" text input is displayed').toBeVisible();
+        await expect(this.page.getByText('Confirm Password'), '"confirm password" text input is displayed').toBeVisible();
+        await expect(this.page.getByText('I Have Read and Agree to the'), 'agree to ToS checkbox is displayed').toBeVisible();
+
+        // TODO: uncomment and add testId once it's added in frontend
+        // await expect(this.page.getByTestId(''), 'agree to ToS checkbox is checked').toBeChecked();
+      
+        /** Fill inputs and clicn sign up */
+        await this.txtEmail.click();
+        await this.txtEmail.fill(username);
+        await this.txtPassword.click();
+        await this.txtPassword.fill(password);
+        await this.txtConfirmPassword.click();
+        await this.txtConfirmPassword.fill(repeatPassword);
+        await this.btnSignUp.click();      
+    }
+
+    async AssertWorkspaceCreated() {
+        /** Acceptance criteria:
+         * - new workspace opens walkthrough demo
+         * - new workspace has no applications created yet
+         */
+        await expect(this.page.getByText('Create App'), 'walkthrough demo title is displayed').toBeVisible();
+        await expect(this.page.getByText('Welcome! Click \'App\' and'), 'walkthrough demo description is displayed').toBeVisible();
+        await expect(this.page.getByLabel('Skip'), 'walkthrough demo "Skip" option is displayed').toBeVisible();
+        await expect(this.page.getByText('You don\'t have any apps yet.'), 'workspace information about no apps is displayed').toBeVisible();
+
+        /**
+         * Acceptance criteria:
+         * - 'Query Library' link in left side menu is visible
+         * - 'Data Sources' link in left side menu is visible
+         * - 'Settings' link in left side menu is visible
+         * - 'Trash' link in left side menu is visible
+         */
+        await expect(this.page.getByText('Query Library'), 'Left menu "Query Library" is displayed').toBeVisible();
+        await expect(this.page.getByText('Data Sources'), 'Left menu "Data Sources" is displayed').toBeVisible();
+        await expect(this.page.getByText('Settings'), 'Left menu "Settings" is displayed').toBeVisible();
+        await expect(this.page.getByText('Trash'), 'Left menu "Thrash" is displayed').toBeVisible();
+    }
+
+}

playwright/pages/signup-page.ts

@@ -37,21 +37,23 @@ export default defineConfig({
 
   /* Configure projects for major browsers */
   projects: [
+/**
     {
       name: 'chromium',
       use: { ...devices['Desktop Chrome'] },
     },
 
+**/
     {
       name: 'firefox',
       use: { ...devices['Desktop Firefox'] },
     },
-
+/**
     {
       name: 'webkit',
       use: { ...devices['Desktop Safari'] },
     },
-
+**/
     /* Test against mobile viewports. */
     // {
     //   name: 'Mobile Chrome',

playwright/playwright.config.ts

@@ -0,0 +1,7 @@
+import { test, expect } from '../utils/fixtures';
+import testData from '../data/local/test-data.json';
+
+test('TC01 - Sign up ( Admin )', async ({ signUpPage, page }) => {
+    await signUpPage.SignUp(testData.users.admin.credentials.username, testData.users.admin.credentials.password, testData.users.admin.credentials.password);
+    await signUpPage.AssertWorkspaceCreated();
+});

playwright/tests/01-signup-login-logout.spec.ts

@@ -0,0 +1,19 @@
+import { test as base } from '@playwright/test';
+import { SignUpPage } from '../pages/signup-page';
+
+type LowcoderFixtures = {
+	signUpPage: SignUpPage;
+};
+
+export const test = base.extend<LowcoderFixtures>({
+    signUpPage: async ({ page }, use) => {
+
+        // Set up the fixture.
+        const signUpPage = new SignUpPage(page);
+        await signUpPage.Load();
+
+        // Use the fixture value in the test.
+        await use(signUpPage);
+   },
+});
+export { expect } from '@playwright/test';