feat: use compact deadline controls
This commit is contained in:
+12
-10
@@ -270,17 +270,19 @@ describe('settings data tools', () => {
|
||||
})
|
||||
|
||||
describe('unified floating add interaction', () => {
|
||||
it('leaves task-list deadlines empty and keeps Today tasks due today', () => {
|
||||
it('uses compact date and time chips instead of large visible mobile inputs', () => {
|
||||
expect(app).toContain("composeDueAt.value = activeView.value === 'today' ? defaultTaskDueAt() : ''")
|
||||
expect(app).toContain('v-model="composeDueAt" type="date"')
|
||||
expect(app).not.toContain('class="time-toggle"')
|
||||
expect(app).not.toContain('v-model="composeHasTime" type="checkbox"')
|
||||
expect(app).toContain('class="task-compose-due-row"')
|
||||
expect(app).toContain('class="task-compose-time-add"')
|
||||
expect(app).toContain('class="task-compose-time-remove"')
|
||||
expect(css).toContain('.task-compose-due-row{display:grid;grid-template-columns:minmax(0,1fr) auto;')
|
||||
expect(css).toContain('@media(max-width:480px){.task-compose-due-row{grid-template-columns:1fr}')
|
||||
expect(css).toContain('.task-compose-time-add{width:100%')
|
||||
expect(app).toContain('const composeDueLabel = computed')
|
||||
expect(app).toContain('class="task-compose-date-chip"')
|
||||
expect(app).toContain('class="task-compose-native-picker"')
|
||||
expect(app).toContain('<span>{{ composeDueLabel }}</span>')
|
||||
expect(app).toContain('v-if="composeDueAt" class="task-compose-date-clear"')
|
||||
expect(app).toContain('v-if="composeDueAt && !composeHasTime"')
|
||||
expect(app).toContain('v-else-if="composeDueAt" class="task-compose-time-chip"')
|
||||
expect(app).toContain('function clearComposeDueDate()')
|
||||
expect(css).toContain('.task-compose-date-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}')
|
||||
expect(css).toContain('.task-compose-native-picker{position:absolute;inset:0;opacity:0;cursor:pointer')
|
||||
expect(css).not.toContain('@media(max-width:480px){.task-compose-due-row')
|
||||
expect(app).toContain("composeHasTime.value ? composeTime.value : '23:59'")
|
||||
})
|
||||
|
||||
|
||||
Reference in New Issue
Block a user