pack: basic automation test implementation with playwright

tests/app.spec.ts

@@ -0,0 +1,59 @@
+import { Page, _electron as electron } from 'playwright'
+import { ElectronApplication } from 'playwright-core'
+import { test, expect } from '@playwright/test'
+
+let appWindow: Page
+let appElectron: ElectronApplication
+
+function waiting(milliseconds: number) {
+  return new Promise((resolve) => setTimeout(resolve, milliseconds))
+}
+
+function isElementVisible(selector: string, waitingMilliseconds = 100) {
+  return new Promise((resolve) => {
+    setTimeout(async () => {
+      expect(await appWindow.isVisible(selector), `Confirm selector '${selector}' is visible`).toBe(
+        true
+      )
+      resolve(true)
+    }, waitingMilliseconds)
+  })
+}
+
+test.beforeAll(async () => {
+  // Open Electron app from build directory
+  appElectron = await electron.launch({ args: ['dist/main/index.js'] })
+  appWindow = await appElectron.firstWindow()
+
+  await appWindow.waitForEvent('load')
+})
+
+test('Environment check', async () => {
+  const isPackaged = await appElectron.evaluate(async ({ app }) => {
+    return app.isPackaged
+  })
+
+  expect(isPackaged, 'Confirm that is in development mode').toBe(false)
+})
+
+test('Document element check', async () => {
+  await isElementVisible('.v-toolbar__content')
+  await isElementVisible('#main-logo')
+  await isElementVisible('#select-language')
+})
+
+test('Counter button click check', async () => {
+  await appWindow.click('#btn-counter', { clickCount: 10, delay: 50 })
+
+  const counterValueElement = await appWindow.$('#counter-badge .v-badge__badge')
+
+  expect(
+    await appWindow.evaluate((element) => element.innerHTML, counterValueElement),
+    'Confirm counter value is same'
+  ).toBe('10')
+})
+
+test.afterAll(async () => {
+  await waiting(2000)
+  await appElectron.close()
+})