Eslint prettier fix

Author: vishnuv688

eslint.config.cjs

@@ -3,23 +3,36 @@ const tsParser = require('@typescript-eslint/parser')
 const tsPlugin = require('@typescript-eslint/eslint-plugin')
 const importPlugin = require('eslint-plugin-import')
 const unicorn = require('eslint-plugin-unicorn')
+const prettierConfig = require('eslint-config-prettier')
+const prettierPlugin = require('eslint-plugin-prettier')
 
 module.exports = [
   {
-    ignores: ['node_modules/**', '**/dist/**'],
+    ignores: ['node_modules/**', '**/dist/**']
   },
   // Base JS config
   {
     ...js.configs.recommended,
     plugins: {
       unicorn,
       import: importPlugin,
+      prettier: prettierPlugin
     },
     languageOptions: {
       ecmaVersion: 2020,
-      sourceType: 'module',
+      sourceType: 'module'
     },
     rules: {
+      ...prettierConfig.rules,
+      'prettier/prettier': [
+        'error',
+        {
+          bracketSpacing: true,
+          semi: false,
+          singleQuote: true,
+          trailingComma: 'none'
+        }
+      ],
       quotes: ['error', 'single', { avoidEscape: true }],
       camelcase: ['error', { properties: 'never' }],
       semi: ['error', 'never'],
@@ -33,7 +46,10 @@ module.exports = [
       'dot-notation': 'error',
       'no-else-return': 'error',
       'no-tabs': 'error',
-      'no-trailing-spaces': ['error', { skipBlankLines: false, ignoreComments: false }],
+      'no-trailing-spaces': [
+        'error',
+        { skipBlankLines: false, ignoreComments: false }
+      ],
       'no-var': 'error',
       'unicode-bom': ['error', 'never'],
       curly: ['error', 'all'],
@@ -42,33 +58,39 @@ module.exports = [
       'require-atomic-updates': 0,
       'linebreak-style': ['error', 'unix'],
       'import/extensions': ['error', 'ignorePackages'],
-      'no-restricted-syntax': ['error', 'IfStatement > ExpressionStatement > AssignmentExpression']
-    },
+      'no-restricted-syntax': [
+        'error',
+        'IfStatement > ExpressionStatement > AssignmentExpression'
+      ]
+    }
   },
 
   // TypeScript files
   {
     files: ['**/*.ts'],
     plugins: {
-      '@typescript-eslint': tsPlugin,
+      '@typescript-eslint': tsPlugin
     },
     languageOptions: {
-      parser: tsParser,
+      parser: tsParser
     },
     rules: {
-      '@typescript-eslint/no-unused-vars': ['error', { argsIgnorePattern: '^_' }],
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        { argsIgnorePattern: '^_' }
+      ],
       '@typescript-eslint/consistent-type-imports': 'error',
       'no-unused-vars': 'off',
       'no-undef': 'off',
-      'no-redeclare': 'off',
-    },
+      'no-redeclare': 'off'
+    }
   },
 
   // TypeScript test files
   {
     files: ['**/*.test.ts'],
     rules: {
-      'dot-notation': 'off',
-    },
-  },
+      'dot-notation': 'off'
+    }
+  }
 ]

example/features/pageobjects/login.page.ts

@@ -5,37 +5,37 @@ import Page from './page.js'
  * sub page containing specific selectors and methods for a specific page
  */
 class LoginPage extends Page {
-    /**
-     * define selectors using getter methods
-     */
-    public get inputUsername () {
-        return $('#username')
-    }
+  /**
+   * define selectors using getter methods
+   */
+  public get inputUsername() {
+    return $('#username')
+  }
 
-    public get inputPassword () {
-        return $('#password')
-    }
+  public get inputPassword() {
+    return $('#password')
+  }
 
-    public get btnSubmit () {
-        return $('button[type="submit"]')
-    }
+  public get btnSubmit() {
+    return $('button[type="submit"]')
+  }
 
-    /**
-     * a method to encapsule automation code to interact with the page
-     * e.g. to login using username and password
-     */
-    public async login (username: string, password: string) {
-        await this.inputUsername.setValue(username)
-        await this.inputPassword.setValue(password)
-        await this.btnSubmit.click()
-    }
+  /**
+   * a method to encapsule automation code to interact with the page
+   * e.g. to login using username and password
+   */
+  public async login(username: string, password: string) {
+    await this.inputUsername.setValue(username)
+    await this.inputPassword.setValue(password)
+    await this.btnSubmit.click()
+  }
 
-    /**
-     * overwrite specific options to adapt it to page object
-     */
-    public open () {
-        return super.open('login')
-    }
+  /**
+   * overwrite specific options to adapt it to page object
+   */
+  public open() {
+    return super.open('login')
+  }
 }
 
 export default new LoginPage()

example/features/pageobjects/page.ts

@@ -1,15 +1,15 @@
 import { browser } from '@wdio/globals'
 
 /**
-* main page object containing all methods, selectors and functionality
-* that is shared across all page objects
-*/
+ * main page object containing all methods, selectors and functionality
+ * that is shared across all page objects
+ */
 export default class Page {
-    /**
-    * Opens a sub page of the page
-    * @param path path of the sub page (e.g. /path/to/page.html)
-    */
-    public open (path: string) {
-        return browser.url(`https://the-internet.herokuapp.com/${path}`)
-    }
+  /**
+   * Opens a sub page of the page
+   * @param path path of the sub page (e.g. /path/to/page.html)
+   */
+  public open(path: string) {
+    return browser.url(`https://the-internet.herokuapp.com/${path}`)
+  }
 }

example/features/pageobjects/secure.page.ts

@@ -5,12 +5,12 @@ import Page from './page.js'
  * sub page containing specific selectors and methods for a specific page
  */
 class SecurePage extends Page {
-    /**
-     * define selectors using getter methods
-     */
-    public get flashAlert () {
-        return $('#flash')
-    }
+  /**
+   * define selectors using getter methods
+   */
+  public get flashAlert() {
+    return $('#flash')
+  }
 }
 
 export default new SecurePage()

example/features/step-definitions/steps.ts

@@ -5,25 +5,24 @@ import LoginPage from '../pageobjects/login.page.js'
 import SecurePage from '../pageobjects/secure.page.js'
 
 const pages = {
-    login: LoginPage
+  login: LoginPage
 } as const
 
 After(async () => {
-    await browser.reloadSession()
+  await browser.reloadSession()
 })
 
 Given(/^I am on the (\w+) page$/, async (page: keyof typeof pages) => {
-    await pages[page].open()
+  await pages[page].open()
 })
 
 When(/^I login with (\w+) and (.+)$/, async (username, password) => {
-    await LoginPage.login(username, password)
+  await LoginPage.login(username, password)
 })
 
 Then(/^I should see a flash message saying (.*)$/, async (message) => {
-    const el = await SecurePage.flashAlert
-    await expect(el).toBeExisting()
-    await expect(el).toHaveText(expect.stringContaining(message))
-    await browser.pause(15000)
+  const el = await SecurePage.flashAlert
+  await expect(el).toBeExisting()
+  await expect(el).toHaveText(expect.stringContaining(message))
+  // await browser.pause(15000)
 })
-