Michilis/lnbits
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: ui

Browse Source
This commit is contained in:
Vlad Stan
2026-03-27 16:54:52 +02:00
parent 3857402471
commit 8211f95bf1
1 changed files with 70 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/wallets/index.html
+70 -27
View File
@@ -1646,18 +1646,18 @@
</label> </label>
<q-select <q-select
:id="`test-mock-item-request-type-${group.key}-${testEntry.index}-${mockSetIndex}-${activeTestMockBindingName(mockSet)}-${itemIndex}`" :id="`test-mock-item-request-type-${group.key}-${testEntry.index}-${mockSetIndex}-${activeTestMockBindingName(mockSet)}-${itemIndex}`"
v-model="item.requestType" :model-value="item.requestType"
:options="restTestMockRequestTypeOptions" :options="restTestMockRequestTypeOptions"
emit-value emit-value
map-options map-options
outlined outlined
dense dense
options-dense options-dense
behavior="menu" behavior="menu"
hide-dropdown-icon hide-dropdown-icon
class="fixture-select" class="fixture-select"
@update:model-value="persistTestMockSet(testEntry, mockSet, { silent: true })" @update:model-value="handleTestMockSelectChange(testEntry, mockSet, item, 'requestType', $event)"
> >
<template v-slot:append> <template v-slot:append>
<span class="fixture-select-icon" aria-hidden="true">expand_more</span> <span class="fixture-select-icon" aria-hidden="true">expand_more</span>
</template> </template>
@@ -1694,18 +1694,18 @@
</label> </label>
<q-select <q-select
:id="`test-mock-item-response-type-${group.key}-${testEntry.index}-${mockSetIndex}-${activeTestMockBindingName(mockSet)}-${itemIndex}`" :id="`test-mock-item-response-type-${group.key}-${testEntry.index}-${mockSetIndex}-${activeTestMockBindingName(mockSet)}-${itemIndex}`"
v-model="item.responseType" :model-value="item.responseType"
:options="restTestMockResponseTypeOptions" :options="restTestMockResponseTypeOptions"
emit-value emit-value
map-options map-options
outlined outlined
dense dense
options-dense options-dense
behavior="menu" behavior="menu"
hide-dropdown-icon hide-dropdown-icon
class="fixture-select" class="fixture-select"
@update:model-value="persistTestMockSet(testEntry, mockSet, { silent: true })" @update:model-value="handleTestMockSelectChange(testEntry, mockSet, item, 'responseType', $event)"
> >
<template v-slot:append> <template v-slot:append>
<span class="fixture-select-icon" aria-hidden="true">expand_more</span> <span class="fixture-select-icon" aria-hidden="true">expand_more</span>
</template> </template>
@@ -1811,7 +1811,7 @@
</label> </label>
<q-select <q-select
:id="`test-mock-item-request-type-${group.key}-${testEntry.index}-${mockSetIndex}-${activeTestMockBindingName(mockSet)}-${itemIndex}`" :id="`test-mock-item-request-type-${group.key}-${testEntry.index}-${mockSetIndex}-${activeTestMockBindingName(mockSet)}-${itemIndex}`"
v-model="item.requestType" :model-value="item.requestType"
:options="rpcTestMockRequestTypeOptions" :options="rpcTestMockRequestTypeOptions"
emit-value emit-value
map-options map-options
@@ -1821,7 +1821,7 @@
behavior="menu" behavior="menu"
hide-dropdown-icon hide-dropdown-icon
class="fixture-select" class="fixture-select"
@update:model-value="persistTestMockSet(testEntry, mockSet, { silent: true })" @update:model-value="handleTestMockSelectChange(testEntry, mockSet, item, 'requestType', $event)"
> >
<template v-slot:append> <template v-slot:append>
<span class="fixture-select-icon" aria-hidden="true">expand_more</span> <span class="fixture-select-icon" aria-hidden="true">expand_more</span>
@@ -1859,7 +1859,7 @@
</label> </label>
<q-select <q-select
:id="`test-mock-item-rpc-response-type-${group.key}-${testEntry.index}-${mockSetIndex}-${activeTestMockBindingName(mockSet)}-${itemIndex}`" :id="`test-mock-item-rpc-response-type-${group.key}-${testEntry.index}-${mockSetIndex}-${activeTestMockBindingName(mockSet)}-${itemIndex}`"
v-model="item.rpcResponseType" :model-value="item.rpcResponseType"
:options="rpcTestMockResponseTypeOptions" :options="rpcTestMockResponseTypeOptions"
emit-value emit-value
map-options map-options
@@ -1869,7 +1869,7 @@
behavior="menu" behavior="menu"
hide-dropdown-icon hide-dropdown-icon
class="fixture-select" class="fixture-select"
@update:model-value="persistTestMockSet(testEntry, mockSet, { silent: true })" @update:model-value="handleTestMockSelectChange(testEntry, mockSet, item, 'rpcResponseType', $event)"
> >
<template v-slot:append> <template v-slot:append>
<span class="fixture-select-icon" aria-hidden="true">expand_more</span> <span class="fixture-select-icon" aria-hidden="true">expand_more</span>
@@ -2240,7 +2240,7 @@
<div class="function-mock-subfield"> <div class="function-mock-subfield">
<q-select <q-select
:id="`function-mock-request-type-${mockRow.id}`" :id="`function-mock-request-type-${mockRow.id}`"
v-model="mockRow.requestType" :model-value="mockRow.requestType"
:options="functionMockRequestTypeOptions" :options="functionMockRequestTypeOptions"
emit-value emit-value
map-options map-options
@@ -2250,7 +2250,7 @@
behavior="menu" behavior="menu"
hide-dropdown-icon hide-dropdown-icon
class="fixture-select" class="fixture-select"
@update:model-value="handleFunctionMockRequestTypeChange(mockRow)" @update:model-value="handleFunctionMockRequestTypeChange(mockRow, $event)"
> >
<template v-slot:append> <template v-slot:append>
<span class="fixture-select-icon" aria-hidden="true">expand_more</span> <span class="fixture-select-icon" aria-hidden="true">expand_more</span>
@@ -2328,7 +2328,7 @@
<div class="function-mock-subfield"> <div class="function-mock-subfield">
<q-select <q-select
:id="`function-mock-response-type-${mockRow.id}`" :id="`function-mock-response-type-${mockRow.id}`"
v-model="mockRow.responseType" :model-value="mockRow.responseType"
:options="functionMockRpcResponseTypeOptions" :options="functionMockRpcResponseTypeOptions"
emit-value emit-value
map-options map-options
@@ -2338,7 +2338,7 @@
behavior="menu" behavior="menu"
hide-dropdown-icon hide-dropdown-icon
class="fixture-select" class="fixture-select"
@update:model-value="persistFunctionMocks({ silent: true })" @update:model-value="handleFunctionMockResponseTypeChange(mockRow, $event)"
> >
<template v-slot:append> <template v-slot:append>
<span class="fixture-select-icon" aria-hidden="true">expand_more</span> <span class="fixture-select-icon" aria-hidden="true">expand_more</span>
@@ -3543,6 +3543,34 @@
return false return false
} }
}, },
clearPersistedFixtureState() {
if (!this.canUseLocalStorage()) {
return
}
DATASET_DEFS.forEach(def => {
window.localStorage.removeItem(this.storageKey(def.key))
})
window.localStorage.removeItem(this.activeDatasetStorageKey())
window.localStorage.removeItem(this.uiStateStorageKey())
},
resetInMemoryFixtureState(nextDatasetKey = this.selectedDatasetKey) {
DATASET_DEFS.forEach(def => {
this.datasets[def.key] = createDatasetState(def)
this.selectedFunctionByDataset[def.key] = ''
this.selectedFundingSourceByDataset[def.key] = ''
this.selectedTestFundingSourceByDataset[def.key] = ''
})
this.functionMockDrafts = {}
this.settingsDrafts = {}
this.selectedTestMockBindingByScope = {}
this.selectedTestTypeByScope = {}
this.functionMockDraftRowId = 0
this.settingsDraftRowId = 0
this.lastFilePickerHandle = null
this.selectedDatasetKey = nextDatasetKey
},
persistDatasetToStorage(datasetKey) { persistDatasetToStorage(datasetKey) {
if (!this.canUseLocalStorage()) { if (!this.canUseLocalStorage()) {
return return
@@ -4554,8 +4582,8 @@
return 'Method: HTTP verb used by this REST mock, such as GET or POST.' return 'Method: HTTP verb used by this REST mock, such as GET or POST.'
}, },
handleFunctionMockRequestTypeChange(row) { handleFunctionMockRequestTypeChange(row, value) {
row.requestType = row.requestType === 'function' ? 'function' : '' row.requestType = value === 'function' ? 'function' : ''
if (row.requestType === 'function') { if (row.requestType === 'function') {
row.uri = '' row.uri = ''
@@ -4566,7 +4594,21 @@
row.responseText = '' row.responseText = ''
} }
this.persistFunctionMocks({ silent: true }) this.$nextTick(() => {
this.persistFunctionMocks({ silent: true })
})
},
handleFunctionMockResponseTypeChange(row, value) {
row.responseType = typeof value === 'string' ? value : ''
this.$nextTick(() => {
this.persistFunctionMocks({ silent: true })
})
},
handleTestMockSelectChange(testEntry, mockSet, item, field, value) {
item[field] = typeof value === 'string' ? value : ''
this.$nextTick(() => {
this.persistTestMockSet(testEntry, mockSet, { silent: true })
})
}, },
parseEditableTestJson(text, label) { parseEditableTestJson(text, label) {
const parsed = parseJsonText(text) const parsed = parseJsonText(text)
@@ -5565,14 +5607,15 @@
return return
} }
this.selectedDatasetKey = datasetKey
if (!parsed.ok) { if (!parsed.ok) {
this.datasets[datasetKey].parseError = `Invalid JSON in ${file.name}: ${parsed.error}` this.datasets[datasetKey].parseError = `Invalid JSON in ${file.name}: ${parsed.error}`
this.notify(`Could not read ${file.name}.`, 'negative') this.notify(`Could not read ${file.name}.`, 'negative')
return return
} }
this.clearPersistedFixtureState()
this.resetInMemoryFixtureState(datasetKey)
const formatted = JSON.stringify(parsed.data, null, 2) const formatted = JSON.stringify(parsed.data, null, 2)
this.commitDataset(datasetKey, parsed.data, { this.commitDataset(datasetKey, parsed.data, {
rawText: formatted, rawText: formatted,