From 2ef2b39fbcf6dacc993967c30f6bbe8f6ef0c15b Mon Sep 17 00:00:00 2001 From: sharevb Date: Sun, 16 Jun 2024 13:37:33 +0200 Subject: [PATCH 1/7] feat: test that all tools are loading --- src/tools/all-tools.e2e.spec.ts | 15 +++++++++++++++ 1 file changed, 15 insertions(+) create mode 100644 src/tools/all-tools.e2e.spec.ts diff --git a/src/tools/all-tools.e2e.spec.ts b/src/tools/all-tools.e2e.spec.ts new file mode 100644 index 00000000..2a11bdd1 --- /dev/null +++ b/src/tools/all-tools.e2e.spec.ts @@ -0,0 +1,15 @@ +import { expect, test } from '@playwright/test'; +import _ from 'lodash'; +import { toolsByCategory } from './index'; + +for (const tool of _.flatten(toolsByCategory.map(category => category.components))) { + test.describe(`Tool - ${tool.name}`, () => { + test.beforeEach(async ({ page }) => { + await page.goto(tool.path); + }); + + test('Loads correctly (has correct title)', async ({ page }) => { + await expect(page).toHaveTitle(`${tool.name} - IT Tools`); + }); + }); +} From f19aeaf418dc529de6c33fc6ed5010f8433951f0 Mon Sep 17 00:00:00 2001 From: ShareVB Date: Sun, 9 Jun 2024 12:32:10 +0200 Subject: [PATCH 2/7] chore: fix strange corepack message Fix corepack claiming strange thing : UsageError: This project is configured to use yarn because /home/runner/work/it-tools/it-tools/package.json has a "packageManager" field --- package.json | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/package.json b/package.json index c6cb7757..d1e6e458 100644 --- a/package.json +++ b/package.json @@ -138,5 +138,6 @@ "vitest": "^0.34.0", "workbox-window": "^7.0.0", "zx": "^7.2.1" - } + }, + "packageManager": "pnpm@8.15.3" } From 2bd17e94cc15fd8efb873b82579d2c89b5554c07 Mon Sep 17 00:00:00 2001 From: ShareVB Date: Sat, 22 Jun 2024 22:54:03 +0200 Subject: [PATCH 3/7] fix: add tsconfig for playright --- src/tsconfig.json | 8 ++++++++ 1 file changed, 8 insertions(+) create mode 100644 src/tsconfig.json diff --git a/src/tsconfig.json b/src/tsconfig.json new file mode 100644 index 00000000..c4b3d604 --- /dev/null +++ b/src/tsconfig.json @@ -0,0 +1,8 @@ +{ + "compilerOptions": { + "baseUrl": ".", + "paths": { + "@/*": ["./*"] + }, + }, +} \ No newline at end of file From 601673d095c640a28d6f87752de6e3ea1901b664 Mon Sep 17 00:00:00 2001 From: ShareVB Date: Sun, 23 Jun 2024 23:27:41 +0200 Subject: [PATCH 4/7] fix: iterate all tools from home --- components.d.ts | 28 +++++++++++++++++++++- src/components/ToolCard.vue | 2 +- src/tools/all-tools.e2e.spec.ts | 42 +++++++++++++++++++++++++-------- src/tsconfig.json | 8 ------- 4 files changed, 60 insertions(+), 20 deletions(-) delete mode 100644 src/tsconfig.json diff --git a/components.d.ts b/components.d.ts index f2c3146f..35747359 100644 --- a/components.d.ts +++ b/components.d.ts @@ -89,17 +89,28 @@ declare module '@vue/runtime-core' { HttpStatusCodes: typeof import('./src/tools/http-status-codes/http-status-codes.vue')['default'] IbanValidatorAndParser: typeof import('./src/tools/iban-validator-and-parser/iban-validator-and-parser.vue')['default'] 'IconMdi:brushVariant': typeof import('~icons/mdi/brush-variant')['default'] + 'IconMdi:contentCopy': typeof import('~icons/mdi/content-copy')['default'] 'IconMdi:kettleSteamOutline': typeof import('~icons/mdi/kettle-steam-outline')['default'] + IconMdiArrowDown: typeof import('~icons/mdi/arrow-down')['default'] + IconMdiArrowRightBottom: typeof import('~icons/mdi/arrow-right-bottom')['default'] + IconMdiCamera: typeof import('~icons/mdi/camera')['default'] IconMdiChevronDown: typeof import('~icons/mdi/chevron-down')['default'] IconMdiChevronRight: typeof import('~icons/mdi/chevron-right')['default'] IconMdiClose: typeof import('~icons/mdi/close')['default'] IconMdiContentCopy: typeof import('~icons/mdi/content-copy')['default'] + IconMdiDeleteOutline: typeof import('~icons/mdi/delete-outline')['default'] + IconMdiDownload: typeof import('~icons/mdi/download')['default'] IconMdiEye: typeof import('~icons/mdi/eye')['default'] IconMdiEyeOff: typeof import('~icons/mdi/eye-off')['default'] IconMdiHeart: typeof import('~icons/mdi/heart')['default'] + IconMdiPause: typeof import('~icons/mdi/pause')['default'] + IconMdiPlay: typeof import('~icons/mdi/play')['default'] + IconMdiRecord: typeof import('~icons/mdi/record')['default'] + IconMdiRefresh: typeof import('~icons/mdi/refresh')['default'] IconMdiSearch: typeof import('~icons/mdi/search')['default'] IconMdiTranslate: typeof import('~icons/mdi/translate')['default'] IconMdiTriangleDown: typeof import('~icons/mdi/triangle-down')['default'] + IconMdiVideo: typeof import('~icons/mdi/video')['default'] InputCopyable: typeof import('./src/components/InputCopyable.vue')['default'] IntegerBaseConverter: typeof import('./src/tools/integer-base-converter/integer-base-converter.vue')['default'] Ipv4AddressConverter: typeof import('./src/tools/ipv4-address-converter/ipv4-address-converter.vue')['default'] @@ -126,25 +137,40 @@ declare module '@vue/runtime-core' { MenuLayout: typeof import('./src/components/MenuLayout.vue')['default'] MetaTagGenerator: typeof import('./src/tools/meta-tag-generator/meta-tag-generator.vue')['default'] MimeTypes: typeof import('./src/tools/mime-types/mime-types.vue')['default'] + NAlert: typeof import('naive-ui')['NAlert'] NavbarButtons: typeof import('./src/components/NavbarButtons.vue')['default'] + NCheckbox: typeof import('naive-ui')['NCheckbox'] NCode: typeof import('naive-ui')['NCode'] NCollapseTransition: typeof import('naive-ui')['NCollapseTransition'] + NColorPicker: typeof import('naive-ui')['NColorPicker'] NConfigProvider: typeof import('naive-ui')['NConfigProvider'] + NDatePicker: typeof import('naive-ui')['NDatePicker'] NDivider: typeof import('naive-ui')['NDivider'] + NDynamicInput: typeof import('naive-ui')['NDynamicInput'] NEllipsis: typeof import('naive-ui')['NEllipsis'] + NForm: typeof import('naive-ui')['NForm'] NFormItem: typeof import('naive-ui')['NFormItem'] NGi: typeof import('naive-ui')['NGi'] NGrid: typeof import('naive-ui')['NGrid'] NH1: typeof import('naive-ui')['NH1'] + NH2: typeof import('naive-ui')['NH2'] NH3: typeof import('naive-ui')['NH3'] NIcon: typeof import('naive-ui')['NIcon'] + NImage: typeof import('naive-ui')['NImage'] + NInputGroup: typeof import('naive-ui')['NInputGroup'] + NInputGroupLabel: typeof import('naive-ui')['NInputGroupLabel'] NInputNumber: typeof import('naive-ui')['NInputNumber'] - NLabel: typeof import('naive-ui')['NLabel'] NLayout: typeof import('naive-ui')['NLayout'] NLayoutSider: typeof import('naive-ui')['NLayoutSider'] NMenu: typeof import('naive-ui')['NMenu'] + NProgress: typeof import('naive-ui')['NProgress'] NScrollbar: typeof import('naive-ui')['NScrollbar'] + NSlider: typeof import('naive-ui')['NSlider'] NSpin: typeof import('naive-ui')['NSpin'] + NStatistic: typeof import('naive-ui')['NStatistic'] + NSwitch: typeof import('naive-ui')['NSwitch'] + NTable: typeof import('naive-ui')['NTable'] + NTag: typeof import('naive-ui')['NTag'] NumeronymGenerator: typeof import('./src/tools/numeronym-generator/numeronym-generator.vue')['default'] OtpCodeGeneratorAndValidator: typeof import('./src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue')['default'] PasswordStrengthAnalyser: typeof import('./src/tools/password-strength-analyser/password-strength-analyser.vue')['default'] diff --git a/src/components/ToolCard.vue b/src/components/ToolCard.vue index 4ba4564c..6f9460a1 100644 --- a/src/components/ToolCard.vue +++ b/src/components/ToolCard.vue @@ -9,7 +9,7 @@ const theme = useThemeVars();