javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2026-03-13 07:51:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(components): [calendar] respect table semantics (#18552)

Browse Source
This commit is contained in:
Jungzl
2024-11-22 22:34:19 +08:00
committed by GitHub
parent a699b21876
commit 9f0132ace8
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/components/calendar/__tests__/calendar.test.tsx
View File

@@ -117,7 +117,7 @@ describe('Calendar.vue', () => {
return <Calendar v-model={this.value} />
},
})
const head = wrapper.element.querySelector('.el-calendar-table thead')
const head = wrapper.element.querySelector('.el-calendar-table thead tr')
expect(head?.firstElementChild?.innerHTML).toBe('Sun')
expect(head?.lastElementChild?.innerHTML).toBe('Sat')
const firstRow = wrapper.element.querySelector('.el-calendar-table__row')
@@ -133,7 +133,7 @@ describe('Calendar.vue', () => {
return <Calendar v-model={this.value} />
},
})
const head = wrapper.element.querySelector('.el-calendar-table thead')
const head = wrapper.element.querySelector('.el-calendar-table thead tr')
expect(head?.firstElementChild?.innerHTML).toBe('Mon')
expect(head?.lastElementChild?.innerHTML).toBe('Sun')
const firstRow = wrapper.element.querySelector('.el-calendar-table__row')
@@ -157,7 +157,7 @@ describe('Calendar.vue', () => {
)
},
})
const head = wrapper.element.querySelector('.el-calendar-table thead')
const head = wrapper.element.querySelector('.el-calendar-table thead tr')
expect(head?.firstElementChild?.innerHTML).toBe('Sun')
expect(head?.lastElementChild?.innerHTML).toBe('Sat')
const firstRow = wrapper.element.querySelector('.el-calendar-table__row')

4
packages/components/calendar/src/date-table.vue
View File

@@ -5,7 +5,9 @@
cellpadding="0"
>
<thead v-if="!hideHeader">
<th v-for="day in weekDays" :key="day">{{ day }}</th>
<tr>
<th v-for="day in weekDays" :key="day" scope="col">{{ day }}</th>
</tr>
</thead>
<tbody>