trending/dbx
1
0
Fork 0
mirror of https://github.com/t8y2/dbx.git synced 2026-10-02 02:34:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(settings): align about-page import/export icon semantics

Browse Source
This commit is contained in:
onenewcode
2026-09-14 12:40:29 +08:00
committed by GitHub
parent defc4dcfa5
commit b28374867a
2 changed files with 33 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/desktop/src/components/settings/SettingsTransferPanel.vue
+2 -2
View File
@@ -253,12 +253,12 @@ function confirmImport() {
<div class="settings-about-section-actions flex shrink-0 flex-wrap items-center gap-2">
<Button type="button" variant="outline" size="sm" class="shrink-0" :disabled="busy" @click="onExportClick">
<Loader2 v-if="exporting" class="mr-1 h-3.5 w-3.5 animate-spin" />
<Download v-else class="mr-1 h-3.5 w-3.5" />
<Upload v-else class="mr-1 h-3.5 w-3.5" />
{{ t("settings.settingsTransferExport") }}
</Button>
<Button type="button" variant="outline" size="sm" class="shrink-0" :disabled="busy" @click="onImportClick">
<Loader2 v-if="importing" class="mr-1 h-3.5 w-3.5 animate-spin" />
<Upload v-else class="mr-1 h-3.5 w-3.5" />
<Download v-else class="mr-1 h-3.5 w-3.5" />
{{ t("settings.settingsTransferImport") }}
</Button>
</div>
packages/app-tests/settingsTransferPanel.test.ts
Vendored
+31
View File
@@ -0,0 +1,31 @@
import assert from "node:assert/strict";
import { readFileSync } from "node:fs";
import { test } from "vitest";
import { compileScript, compileTemplate, parse } from "vue/compiler-sfc";
const panelPath = "apps/desktop/src/components/settings/SettingsTransferPanel.vue";
function source(path: string): string {
return readFileSync(path, "utf8");
}
test("settings transfer panel SFC compiles", () => {
const { descriptor, errors } = parse(source(panelPath), { filename: panelPath });
assert.deepEqual(errors, [], `${panelPath} should parse without SFC errors`);
assert.ok(descriptor.scriptSetup, `${panelPath} should have a script setup block`);
compileScript(descriptor, { id: panelPath });
assert.ok(descriptor.template, `${panelPath} should have a template`);
const result = compileTemplate({ id: panelPath, filename: panelPath, source: descriptor.template.content });
assert.deepEqual(result.errors, [], `${panelPath} template should compile`);
});
test("about-page settings transfer buttons follow local-container icon semantics", () => {
const panel = source(panelPath);
// Treat the app as a local container: import brings data in (Download),
// export sends data out (Upload). Same contract as SQL library / formatter.
assert.match(panel, /@click="onImportClick"[\s\S]{0,200}<Download v-else/);
assert.match(panel, /@click="onExportClick"[\s\S]{0,200}<Upload v-else/);
assert.doesNotMatch(panel, /@click="onImportClick"[\s\S]{0,200}<Upload v-else/);
assert.doesNotMatch(panel, /@click="onExportClick"[\s\S]{0,200}<Download v-else/);
});