feat: Improved UI (#6222)

* feat: Improved ui (#6156) * refactor: revert Signed-off-by: Pranav C <pranavxc@gmail.com> feat: shared base Signed-off-by: Pranav C <pranavxc@gmail.com> fix: remove duplicate import statement Signed-off-by: Pranav C <pranavxc@gmail.com> fix: disable starred & license menu Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> test: fix airtable wait issue Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> test: enable mysql in ci Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> test: fix checkbox order for sqlite Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> test: disable quick tests Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> test: fix dbType env variable for CI Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> test: workspace API access error fix Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> test: enable SQLite CI CD Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> test: use DB_TYPE env variable Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> test: enable SQLite UT Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> test: isHub cleanup Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> test: add check for EE Timezone spec Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> chore: cleanup Signed-off-by: Pranav C <pranavxc@gmail.com> chore: cleanup Signed-off-by: Pranav C <pranavxc@gmail.com> test: EE check fix Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> chore: test correction Signed-off-by: Pranav C <pranavxc@gmail.com> chore: sync latest changes Signed-off-by: Pranav C <pranavxc@gmail.com> test: set EE=false Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> test: set NC Edition to community in workflow file Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> chore: update sdk build command Signed-off-by: Pranav C <pranavxc@gmail.com> refactor: i18n and other changes Signed-off-by: Pranav C <pranavxc@gmail.com> feat: new ui Signed-off-by: Pranav C <pranavxc@gmail.com> * chore: sync tests Signed-off-by: Pranav C <pranavxc@gmail.com> * chore: lint Signed-off-by: Pranav C <pranavxc@gmail.com> * fix: shared view/base related bugs Signed-off-by: Pranav C <pranavxc@gmail.com> * test: checkbox verification sort order fix Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> * test: fix sqlite reset Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> * test: enable selfhosted runners Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> * docs: table ops (draft) Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> * Docs: screenshots for table-operations.md * refactor: introduce missing buttons Signed-off-by: Pranav C <pranavxc@gmail.com> * fix: get all fields Signed-off-by: Pranav C <pranavxc@gmail.com> * test: UT fix- new data API response Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> * test: EE is false Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> * test: webhook lookup as string in CE Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> * fix: include created_at and updated_at Signed-off-by: Pranav C <pranavxc@gmail.com> * test: fix UT newDataAPI response for PG Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> * fix: separate api for webhook related plugins Signed-off-by: Pranav C <pranavxc@gmail.com> * test: msyql filter corrections Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> * test: mysql group by test corrections Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> * test: fix datatype for rating field in groupby spec for pg Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> * test: kanban datatype correction Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> * test: column edit for mysql- rating field Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> * test: misc fixes Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> * test: enable 4 workers Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> * test: enable 2 workers per shard only Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> * docs: table CRUD * Rename table-operations.md to table-crud.md * Create column-crud.md * docs: row CRUD * Rename row.md to row-crud.md * docs: project crud * docs: toolbar (skeleton) * refactor: single page UI and bug fixes Signed-off-by: Pranav C <pranavxc@gmail.com> * chore: sync tests playwright Signed-off-by: Pranav C <pranavxc@gmail.com> * chore: add missing dependency Signed-off-by: Pranav C <pranavxc@gmail.com> * feat: single page ui, test corrections Signed-off-by: Pranav C <pranavxc@gmail.com> * chore: tests Signed-off-by: Pranav C <pranavxc@gmail.com> * test: project rename test correction Signed-off-by: Pranav C <pranavxc@gmail.com> * chore: remove only Signed-off-by: Pranav C <pranavxc@gmail.com> * test: remove wrong import statement Signed-off-by: Pranav C <pranavxc@gmail.com> * fix: delete option not visible in project context menu Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> * test: move ws access within isEE() Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> * test: fix groupby * test: groupby fix Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> * docs: signup & landing page * docs: project crud * docs: project-crud misc * docs: toolbar fields * docs: toolbar / filters * docs: toolbar / group by * docs: toolbar / sort * docs: toolbar / row height * docs: filters additional options * docs: file re-order Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> * docs: add links to column types * docs: code snippets * docs: links * docs: lookup * docs: rollup * docs: formula * docs: primary key * docs: display value * docs: development setup * docs: swagger * fix(nc-gui): encodeURIComponent for row id - closes: #6202 * docs: language * docs: expanded record * docs: import airtable * docs: airtable * docs: webhook * docs: revert file rename Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> * docs: account settings * docs: audit * docs: meta management * docs: project settings * docs: shared base * docs: shared view * docs: meta sync * docs: team-auth * docs: views * docs: fix URL * docs: URL corrections * fix: shared base, view related bugs Signed-off-by: Pranav C <pranavxc@gmail.com> * test: EE check for WSaccess Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> * test: exclude EE tests Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> * fix: missing project delete closes #6215 Signed-off-by: Pranav C <pranavxc@gmail.com> * fix: merge existing project meta if found closes #6216 Signed-off-by: Pranav C <pranavxc@gmail.com> * fix: merge existing project meta if found closes #6216 Signed-off-by: Pranav C <pranavxc@gmail.com> --------- Signed-off-by: Pranav C <pranavxc@gmail.com> Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> Co-authored-by: Raju Udava <86527202+dstala@users.noreply.github.com> Co-authored-by: DarkPhoenix2704 <anbarasun123@gmail.com> Co-authored-by: Wing-Kam Wong <wingkwong.code@gmail.com> * refactor: docs and other bug fixes Signed-off-by: Pranav C <pranavxc@gmail.com> * feat: populate default project on super admin signup Signed-off-by: Pranav C <pranavxc@gmail.com> * fix: include created project details in signup response if avail, missing Dockerfile Signed-off-by: Pranav C <pranavxc@gmail.com> * chore: use custom function for resolving ts path aliases Signed-off-by: Pranav C <pranavxc@gmail.com> * chore: add missing generate script Signed-off-by: Pranav C <pranavxc@gmail.com> * chore: webpack build correction - ts path resolve Signed-off-by: Pranav C <pranavxc@gmail.com> --------- Signed-off-by: Pranav C <pranavxc@gmail.com> Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> Co-authored-by: mertmit <mertmit99@gmail.com> Co-authored-by: Raju Udava <86527202+dstala@users.noreply.github.com> Co-authored-by: DarkPhoenix2704 <anbarasun123@gmail.com> Co-authored-by: Wing-Kam Wong <wingkwong.code@gmail.com>
2026-05-02 13:16:48 +00:00 · 2023-08-24 02:58:19 +05:30
parent a1ca4f370c
commit 33ee9bfa62
1191 changed files with 75874 additions and 31803 deletions
--- a/tests/playwright/pages/Dashboard/ShareProjectButton/index.ts
+++ b/tests/playwright/pages/Dashboard/ShareProjectButton/index.ts
@@ -0,0 +1,167 @@
+import { expect, Locator } from '@playwright/test';
+import { DashboardPage } from '..';
+import BasePage from '../../Base';
+
+export class ShareProjectButtonPage extends BasePage {
+  readonly dashboard: DashboardPage;
+
+  constructor(dashboard: DashboardPage) {
+    super(dashboard.rootPage);
+    this.dashboard = dashboard;
+  }
+
+  get() {
+    return this.dashboard.get().getByTestId('share-project-button');
+  }
+
+  // Prefixing to differentiate between emails created by the tests which are deleted after the test run
+  prefixEmail(email: string) {
+    const parallelId = process.env.TEST_PARALLEL_INDEX ?? '0';
+    return `nc_test_${parallelId}_${email}`;
+  }
+
+  async verifyShareStatus({ visibility }: { visibility: 'public' | 'private' }) {
+    await expect(this.rootPage.locator(`[data-sharetype="${visibility}"]`)).toBeVisible();
+  }
+
+  async open() {
+    await this.get().click();
+    await this.rootPage.locator('.nc-modal-share-collaborate').waitFor({ state: 'visible' });
+  }
+
+  async clickSharePage() {
+    await this.rootPage.getByTestId('docs-share-dlg-share-page').click();
+  }
+
+  async clickShareProject() {
+    await this.rootPage.getByTestId('docs-share-dlg-share-project').click();
+  }
+
+  async clickShareProjectPublic() {
+    await this.rootPage.getByTestId('docs-share-dlg-share-project-public').click();
+  }
+
+  async clickManageAccess() {
+    await this.rootPage.getByTestId('docs-share-manage-access').click();
+  }
+
+  async changeRole({
+    email,
+    role,
+    nonEmailPrefixed,
+  }: {
+    email: string;
+    role: 'Editor' | 'Viewer' | 'Remove';
+    nonEmailPrefixed?: boolean;
+  }) {
+    if (!nonEmailPrefixed) email = this.prefixEmail(email);
+    await this.rootPage.getByTestId(`nc-manage-users-${email}`).locator('.nc-dropdown-user-role-container').click();
+    await this.rootPage.getByTestId(`nc-manage-users-role-${role}`).last().click();
+  }
+
+  async submitManageAccess() {
+    await this.waitForResponse({
+      uiAction: () => this.rootPage.getByTestId('nc-manage-users-submit').click(),
+      httpMethodsToMatch: ['PATCH', 'DELETE'],
+      requestUrlPathToMatch: `/users/`,
+    });
+  }
+
+  async verifyUserCount({ count }: { count: number }) {
+    await expect(this.rootPage.getByTestId('nc-manage-user-user-count')).toHaveText(`${count.toString()} users`);
+  }
+
+  async verifyUserInList({
+    email,
+    role,
+    isVisible,
+  }: {
+    email: string;
+    role?: 'Editor' | 'Viewer';
+    isVisible?: boolean;
+  }) {
+    if (isVisible) {
+      await expect(this.rootPage.getByTestId(`nc-manage-users-${email}`)).toBeVisible();
+    } else {
+      await expect(this.rootPage.getByTestId(`nc-manage-users-${email}`)).not.toBeVisible();
+    }
+  }
+
+  async fillInviteEmail({ email }: { email: string }) {
+    await this.rootPage.getByTestId('docs-share-dlg-share-project-collaborate-emails').fill(this.prefixEmail(email));
+  }
+
+  async selectInviteRole({ role }: { role: 'editor' | 'viewer' }) {
+    await this.rootPage.getByTestId('docs-share-dlg-share-project-collaborate-role').click();
+    await this.rootPage.getByTestId(`nc-share-invite-user-role-option-${role}`).click();
+  }
+
+  async clickShareButton() {
+    await this.rootPage.getByTestId('docs-share-btn').click();
+  }
+
+  async copyInvitationLink() {
+    await this.rootPage.getByTestId('docs-share-invitation-copy').click();
+  }
+
+  async toggleShareProjectPublic() {
+    await this.waitForResponse({
+      uiAction: () => this.rootPage.getByTestId('docs-project-share-public-toggle').click(),
+      httpMethodsToMatch: ['PATCH'],
+      requestUrlPathToMatch: `/api/v1/db/meta/projects`,
+    });
+  }
+
+  async toggleSharePage() {
+    await this.waitForResponse({
+      uiAction: () => this.rootPage.getByTestId('docs-share-page-toggle').click(),
+      httpMethodsToMatch: ['PUT'],
+      requestUrlPathToMatch: `api/v1/docs/page`,
+    });
+  }
+
+  async verifySharePageToggle({ isPublic }: { isPublic: boolean }) {
+    await expect(this.rootPage.getByTestId('docs-share-page-toggle')).toHaveAttribute('aria-checked', `${isPublic}`);
+  }
+
+  async verifyShareProjectToggle({ isPublic }: { isPublic: boolean }) {
+    await expect(this.rootPage.getByTestId('docs-project-share-public-toggle')).toHaveAttribute(
+      'aria-checked',
+      `${isPublic}`
+    );
+  }
+
+  // Verify that opened page is shared through this page
+  async verifyPageSharedParentShare({ parentTitle }: { parentTitle: string }) {
+    await expect(this.rootPage.getByTestId(`docs-share-page-parent-share-${parentTitle}`)).toBeVisible();
+  }
+
+  async verifyVisibility({ isVisible }: { isVisible: boolean }) {
+    if (isVisible) {
+      await expect(this.get()).toBeVisible();
+    } else {
+      await expect(this.get()).not.toBeVisible();
+    }
+  }
+
+  async getPublicProjectLink() {
+    await this.rootPage.getByTestId('docs-share-project-copy-link').click();
+    return await this.getClipboardText();
+  }
+
+  async getPublicPageLink() {
+    await this.rootPage.getByTestId('docs-share-page-copy-link').click();
+    return await this.getClipboardText();
+  }
+
+  async close() {
+    if (await this.rootPage.getByRole('button', { name: 'Finish' }).isVisible()) {
+      await this.rootPage.getByRole('button', { name: 'Finish' }).click();
+    } else if (await this.rootPage.getByRole('button', { name: 'Cancel' }).isVisible()) {
+      await this.rootPage.getByRole('button', { name: 'Cancel' }).click();
+    } else {
+      await this.rootPage.getByRole('button', { name: 'Close' }).click();
+    }
+    await this.rootPage.locator('.nc-modal-share-collaborate').waitFor({ state: 'hidden' });
+  }
+}