eslint

Author: AspidDark

e2e-playwright/.eslintignore

@@ -0,0 +1,4 @@
+cucumber.js
+init.ts
+playwright.config.ts
+env.d.ts

e2e-playwright/config/cucumber.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 module.exports = {
     default: {
         timeout: 30000,

e2e-playwright/eslint.config.js

@@ -1,12 +1,36 @@
+import { defineConfig } from "eslint/config";
 import js from "@eslint/js";
 import globals from "globals";
 import tseslint from "typescript-eslint";
-import { defineConfig } from "eslint/config";
-
 
 export default defineConfig([
-  { files: ["**/*.{js,mjs,cjs,ts,mts,cts}"], plugins: { js }, extends: ["js/recommended"] },
-  { files: ["**/*.{js,mjs,cjs,ts,mts,cts}"], languageOptions: { globals: globals.browser } },
-  { files: ["**/*.{ts,tsx}"], ...tseslint.configs.recommendedTypeChecked, languageOptions: { parserOptions: {project: "./tsconfig.json" } } },
-  tseslint.configs.recommended,
-]);
+  js.configs.recommended,
+  {
+    files: ["**/*.{ts,tsx}"],
+    languageOptions: {
+      parser: tseslint.parser,
+      parserOptions: {
+        project: "./tsconfig.json",
+      },
+      globals: {
+        ...globals.node,
+        ...globals.browser,
+      },
+    },
+    plugins: {
+      "@typescript-eslint": tseslint.plugin,
+    },
+    rules: {
+      "no-trailing-spaces": "error",
+      "no-multiple-empty-lines": ["error", { max: 1 }],
+      "semi-spacing": ["error", { before: false, after: true }],
+      "keyword-spacing": ["error", { before: true, after: true }],
+      "space-infix-ops": "error",
+      "space-before-blocks": "error",
+      "space-before-function-paren": ["error", "never"],
+      "object-curly-spacing": ["error", "always"],
+      "array-bracket-spacing": ["error", "never"],
+      'no-invalid-this': 'off',
+    },
+  },
+]);

e2e-playwright/src/helper/types/env.d.ts

@@ -1,3 +1,4 @@
+/* eslint-disable */
 export { };
 
 declare global {

e2e-playwright/src/helper/wrapper/assert.ts

@@ -2,7 +2,7 @@ import {  Page } from "@playwright/test";
 import expect from "../util/expect";
 
 export default class Assert {
-
+// eslint-disable-next-line no-unused-vars
     constructor(private page: Page) { }
 
     async assertTitle(title: string) {
@@ -22,5 +22,4 @@ export default class Assert {
         const pageURL = this.page.url();
         expect(pageURL).toContain(title);
     }
-
 }

e2e-playwright/src/hooks/hooks.ts

@@ -7,15 +7,15 @@ import { PlaywrightCustomWorld } from '../support/PlaywrightCustomWorld';
 
 let browser: Browser;
 
-BeforeAll(async function () {
+BeforeAll(async function() {
     browser = await invokeBrowser();
 });
 
 setDefaultTimeout(60 * 1000);
 
 setWorldConstructor(PlaywrightCustomWorld);
 
-Before(async function (this: PlaywrightCustomWorld, { pickle }) {
+Before(async function(this: PlaywrightCustomWorld, { pickle }) {
     const scenarioName = pickle.name + pickle.id
     const context = await browser.newContext({
         recordVideo: { dir: 'test-results/videos/' },
@@ -30,8 +30,8 @@ Before(async function (this: PlaywrightCustomWorld, { pickle }) {
    await this.init(context, scenarioName);
 });
 
-After({ timeout: 30000 }, async function (this: PlaywrightCustomWorld, { pickle, result }) {
-    let img: Buffer | undefined;
+After({ timeout: 30000 }, async function(this: PlaywrightCustomWorld, { pickle, result }) {
+       let img: Buffer | undefined;
     const path = `./test-results/trace/${pickle.id}.zip`;
     try {
         if (result?.status === Status.FAILED) {
@@ -80,6 +80,6 @@ After({ timeout: 30000 }, async function (this: PlaywrightCustomWorld, { pickle,
     }
 });
 
-AfterAll(async function () {
+AfterAll(async function() {
     await browser.close();
 })

e2e-playwright/src/pages/BaseLocators.ts

@@ -1,6 +1,7 @@
 import { Locator, Page } from '@playwright/test';
 
 export class BaseLocators {
+  // eslint-disable-next-line no-unused-vars
   constructor(private page: Page) {}
 
   loadingSpinner:Locator = this.page.locator('div[role="progressbar"]');

e2e-playwright/src/pages/Brokers/BrokersLocators.ts

@@ -1,6 +1,6 @@
 import { Page, Locator } from "@playwright/test";
 
-export default class BrokersLocators{
+export default class BrokersLocators {
     private readonly page: Page;
 
     constructor(page: Page) {

e2e-playwright/src/pages/Connectors/ConnectorsLocators.ts

@@ -1,6 +1,6 @@
 import { Page, Locator } from "@playwright/test";
 
-export default class ConnectorsLocators{
+export default class ConnectorsLocators {
     private readonly page: Page;
 
     constructor(page: Page) {

e2e-playwright/src/pages/Consumers/ConsumersLocators.ts

@@ -1,6 +1,6 @@
 import { Page, Locator } from "@playwright/test";
 
-export default class ConsumersLocators{
+export default class ConsumersLocators {
     private readonly page: Page;
 
     constructor(page: Page) {

e2e-playwright/src/pages/Dashboard/DashboardLocators.ts

@@ -1,6 +1,6 @@
 import { Page, Locator } from "@playwright/test";
 
-export default class DashboardLocators{
+export default class DashboardLocators {
     private readonly page: Page;
 
     constructor(page: Page) {

e2e-playwright/src/pages/KSQLDB/ksqldbLocators.ts

@@ -1,6 +1,6 @@
 import { Page, Locator } from "@playwright/test";
 
-export default class ksqlDbLocators{
+export default class ksqlDbLocators {
     private readonly page: Page;
 
     constructor(page: Page) {

e2e-playwright/src/pages/Panel/PanelLocators.ts

@@ -1,16 +1,16 @@
 import { Page, Locator } from "@playwright/test";
 
-export default class PanelLocators{
+export default class PanelLocators {
     private readonly page: Page;
 
     constructor(page: Page) {
       this.page = page;
     }
 
-    linkByName(name: string): Locator{
+    linkByName(name: string): Locator {
       return this.page.getByRole('link', { name });
     }
-  
+
     brokersLink(): Locator { return this.linkByName('Brokers');}
     topicsLink(): Locator { return this.page.getByTitle('Topics');}
     consumersLink(): Locator { return this.linkByName('Consumers');}

e2e-playwright/src/pages/SchemaRegistry/SchemaRegistryLocators.ts

@@ -1,6 +1,6 @@
 import { Page, Locator } from "@playwright/test";
 
-export default class SchemaRegistryLocators{
+export default class SchemaRegistryLocators {
     private readonly page: Page;
 
     constructor(page: Page) {

e2e-playwright/src/pages/Topics/TopicsCreateLocators.ts

@@ -1,6 +1,6 @@
 import { Page, Locator } from "@playwright/test";
 
-export default class TopicCreateLocators{
+export default class TopicCreateLocators {
     private readonly page: Page;
 
     constructor(page: Page) {

e2e-playwright/src/pages/Topics/TopicsLocators.ts

@@ -1,6 +1,6 @@
 import { Page, Locator } from "@playwright/test";
 
-export default class TopicsLocators{
+export default class TopicsLocators {
     private readonly page: Page;
 
     constructor(page: Page) {

e2e-playwright/playwright.config.ts renamed to e2e-playwright/src/playwright.config.ts

@@ -1,5 +1,7 @@
+
 import { defineConfig } from '@playwright/test';
 
 export default defineConfig({
     timeout: 30_000,
 });
+

e2e-playwright/src/services/uiHelper.ts

@@ -1,15 +1,15 @@
 import { Locator } from '@playwright/test';
 import expect from "../helper/util/expect";
 
- export const expectVisibility = async (locator: Locator, visibleString: string): Promise<void> => {
+ export const expectVisibility = async(locator: Locator, visibleString: string): Promise<void> => {
   if (visibleString === "true") {
     await expect(locator).toBeVisible();
   } else {
     await expect(locator).toHaveCount(0);
   }
 };
 
-export const ensureCheckboxState = async (checkbox: Locator, expectedState: string) => {
+export const ensureCheckboxState = async(checkbox: Locator, expectedState: string) => {
   const desiredState = expectedState === 'true';
   const isChecked = await checkbox.isChecked();
 

e2e-playwright/src/steps/Topics.steps.ts

@@ -1,72 +1,72 @@
 import { Given, When, Then, setDefaultTimeout } from "@cucumber/cucumber";
 import { expect } from "@playwright/test";
 import { expectVisibility, ensureCheckboxState } from "../services/uiHelper";
-import { PlaywrightCustomWorld } from "../support/PlaywrightCustomWorld"; 
+import { PlaywrightCustomWorld } from "../support/PlaywrightCustomWorld";
 
 setDefaultTimeout(60 * 1000 * 2);
 
-Given('Topics Serchfield visible', async function (this: PlaywrightCustomWorld) {
+Given('Topics Serchfield visible', async function() {
   await expect(this.locators.topics.topicSearchField()).toBeVisible();
 });
 
-Given('Topics ShowInternalTopics visible', async function (this: PlaywrightCustomWorld) {
+Given('Topics ShowInternalTopics visible', async function() {
   await expect(this.locators.topics.topicShowInternalTopics()).toBeVisible();
 });
 
-Given('Topics AddATopic visible', async function (this: PlaywrightCustomWorld) {
+Given('Topics AddATopic visible', async function() {
   await expect(this.locators.topics.topicAddTopicButton()).toBeVisible();
 });
 
-Given('Topics DeleteSelectedTopics active is: {string}', async function (this: PlaywrightCustomWorld, state: string) {
+Given('Topics DeleteSelectedTopics active is: {string}', async function(this: PlaywrightCustomWorld, state: string) {
   const isEnabled = await this.locators.topics.topicDeleteSelectedTopicsButton().isEnabled();
   expect(isEnabled.toString()).toBe(state);
 });
 
-Given('Topics CopySelectedTopic active is: {string}', async function (this: PlaywrightCustomWorld, state: string) {
+Given('Topics CopySelectedTopic active is: {string}', async function(this: PlaywrightCustomWorld, state: string) {
   const isEnabled = await this.locators.topics.topicCopySelectedTopicButton().isEnabled();
   expect(isEnabled.toString()).toBe(state);
 });
 
-Given('Topics PurgeMessagesOfSelectedTopics active is: {string}', async function (this: PlaywrightCustomWorld, state: string) {
+Given('Topics PurgeMessagesOfSelectedTopics active is: {string}', async function(this: PlaywrightCustomWorld, state: string) {
   const isEnabled = await this.locators.topics.topicPurgeMessagesOfSelectedTopicsButton().isEnabled();
   expect(isEnabled.toString()).toBe(state);
 });
 
-When('Topic SelectAllTopic visible is: {string}', async function (this: PlaywrightCustomWorld, visible: string) {
+When('Topic SelectAllTopic visible is: {string}', async function(this: PlaywrightCustomWorld, visible: string) {
   await expectVisibility(this.locators.topics.topicSelectAllCheckBox(), visible);
 });
 
-Then('Topic SelectAllTopic checked is: {string}', async function (this: PlaywrightCustomWorld, state: string) {
+Then('Topic SelectAllTopic checked is: {string}', async function(this: PlaywrightCustomWorld, state: string) {
   const checkbox = this.locators.topics.topicSelectAllCheckBox();
   await ensureCheckboxState(checkbox, state);
   const actual = await checkbox.isChecked();
   expect(actual.toString()).toBe(state);
 });
 
-When('Topics serchfield input {string}', async function (this: PlaywrightCustomWorld, topicName: string) {
+When('Topics serchfield input {string}', async function(this: PlaywrightCustomWorld, topicName: string) {
   const textBox = this.locators.topics.topicSearchField();
   await textBox.fill(topicName);
   const actual = await textBox.inputValue();
   expect(actual).toBe(topicName);
 });
 
-Then('Topic named: {string} visible is: {string}', async function (this: PlaywrightCustomWorld, topicName: string, visible: string) {
+Then('Topic named: {string} visible is: {string}', async function(this: PlaywrightCustomWorld, topicName: string, visible: string) {
   await expectVisibility(this.locators.topics.topicNameLink(topicName), visible);
 });
 
-When('Topic serchfield input cleared', async function (this: PlaywrightCustomWorld) {
+When('Topic serchfield input cleared', async function() {
   const textBox = this.locators.topics.topicSearchField();
   await textBox.fill('');
   const text = await textBox.inputValue();
   expect(text).toBe('');
 });
 
-When('Topics ShowInternalTopics switched is: {string}', async function (this: PlaywrightCustomWorld, state: string) {
+When('Topics ShowInternalTopics switched is: {string}', async function(this: PlaywrightCustomWorld, state: string) {
   const checkBox = this.locators.topics.topicShowInternalTopics();
   await ensureCheckboxState(checkBox, state);
 });
 
-When('Topic row named: {string} checked is: {string}', async function (this: PlaywrightCustomWorld, topicName: string, state: string) {
+When('Topic row named: {string} checked is: {string}', async function(this: PlaywrightCustomWorld, topicName: string, state: string) {
   const checkbox = this.locators.topics.topicRowCheckBox(topicName);
   await ensureCheckboxState(checkbox, state);
 });