test(e2e): Add E2E tests for consumer and credentials

e2e/pom/consumers.ts

@@ -0,0 +1,58 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { uiGoto } from '@e2e/utils/ui';
+import { expect, type Page } from '@playwright/test';
+
+const locator = {
+  getConsumerNavBtn: (page: Page) =>
+    page.getByRole('link', { name: 'Consumers', exact: true }),
+  getAddConsumerBtn: (page: Page) =>
+    page.getByRole('button', { name: 'Add Consumer', exact: true }),
+  getAddBtn: (page: Page) =>
+    page.getByRole('button', { name: 'Add', exact: true }),
+};
+
+const assert = {
+  isIndexPage: async (page: Page) => {
+    await expect(page).toHaveURL((url) => url.pathname.endsWith('/consumers'));
+    const title = page.getByRole('heading', { name: 'Consumers' });
+    await expect(title).toBeVisible();
+  },
+  isAddPage: async (page: Page) => {
+    await expect(page).toHaveURL((url) => url.pathname.endsWith('/consumers/add'));
+    const title = page.getByRole('heading', { name: 'Add Consumer' });
+    await expect(title).toBeVisible();
+  },
+  isDetailPage: async (page: Page) => {
+    await expect(page).toHaveURL((url) =>
+      url.pathname.includes('/consumers/detail')
+    );
+    const title = page.getByRole('heading', { name: 'Consumer Detail' });
+    await expect(title).toBeVisible();
+  },
+};
+
+const goto = {
+  toIndex: (page: Page) => uiGoto(page, '/consumers'),
+  toAdd: (page: Page) => uiGoto(page, '/consumers/add'),
+};
+
+export const consumersPom = {
+  ...locator,
+  ...assert,
+  ...goto,
+};

e2e/pom/credentials.ts

@@ -0,0 +1,70 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { uiGoto } from '@e2e/utils/ui';
+import { expect, type Page } from '@playwright/test';
+
+const locator = {
+  getCredentialsTab: (page: Page) =>
+    page.getByRole('tab', { name: 'Credentials' }),
+  getAddCredentialBtn: (page: Page) =>
+    page.getByRole('button', { name: 'Add Credential', exact: true }),
+  getAddBtn: (page: Page) =>
+    page.getByRole('button', { name: 'Add', exact: true }),
+};
+
+const assert = {
+  isCredentialsIndexPage: async (page: Page, username: string) => {
+    await expect(page).toHaveURL((url) =>
+      url.pathname.includes(`/consumers/detail/${username}/credentials`)
+    );
+    const title = page.getByRole('heading', { name: 'Credentials' });
+    await expect(title).toBeVisible();
+  },
+  isCredentialAddPage: async (page: Page, username: string) => {
+    await expect(page).toHaveURL((url) =>
+      url.pathname.endsWith(`/consumers/detail/${username}/credentials/add`)
+    );
+    const title = page.getByRole('heading', { name: 'Add Credential' });
+    await expect(title).toBeVisible();
+  },
+  isCredentialDetailPage: async (page: Page) => {
+    await expect(page).toHaveURL((url) =>
+      url.pathname.includes('/consumers/detail/') &&
+      url.pathname.includes('/credentials/detail/')
+    );
+    const title = page.getByRole('heading', { name: 'Credential Detail' });
+    await expect(title).toBeVisible();
+  },
+};
+
+const goto = {
+  toCredentialsIndex: (page: Page, username: string) =>
+    uiGoto(page, '/consumers/detail/$username/credentials', { username }),
+  toCredentialAdd: (page: Page, username: string) =>
+    uiGoto(page, '/consumers/detail/$username/credentials/add', { username }),
+  toCredentialDetail: (page: Page, username: string, id: string) =>
+    uiGoto(page, '/consumers/detail/$username/credentials/detail/$id', {
+      username,
+      id,
+    }),
+};
+
+export const credentialsPom = {
+  ...locator,
+  ...assert,
+  ...goto,
+};