diff --git a/lib/components/FilePicker/FileList.spec.ts b/lib/components/FilePicker/FileList.spec.ts
index 614d0f72..cd6c4df7 100644
--- a/lib/components/FilePicker/FileList.spec.ts
+++ b/lib/components/FilePicker/FileList.spec.ts
@@ -79,7 +79,7 @@ describe('FilePicker FileList', () => {
const consoleWarning = vi.spyOn(console, 'warn')
const wrapper = shallowMount(FileList, {
- propsData: {
+ props: {
currentView: 'files',
multiselect: false,
allowPickDirectory: false,
@@ -97,7 +97,7 @@ describe('FilePicker FileList', () => {
it('header checkbox is not shown if multiselect is `false`', () => {
const wrapper = shallowMount(FileList, {
- propsData: {
+ props: {
currentView: 'files',
multiselect: false,
allowPickDirectory: false,
@@ -112,7 +112,7 @@ describe('FilePicker FileList', () => {
it('header checkbox is shown if multiselect is `true`', () => {
const wrapper = shallowMount(FileList, {
- propsData: {
+ props: {
currentView: 'files',
multiselect: true,
allowPickDirectory: false,
@@ -122,18 +122,18 @@ describe('FilePicker FileList', () => {
path: '/',
},
})
- const selectAll = wrapper.find('[data-testid="select-all-checkbox"]')
+ const selectAll = wrapper.getComponent('[data-testid="select-all-checkbox"]')
expect(selectAll.exists()).toBe(true)
// there is an aria label
- expect(selectAll.attributes('aria-label')).toBeTruthy()
+ expect(selectAll.attributes('arialabel')).toBeTruthy()
// no checked
- expect(selectAll.props('checked')).toBe(false)
+ expect(selectAll.props('modelValue')).toBe(false)
})
it('header checkbox is checked when all nodes are selected', async () => {
const nodes = [...exampleNodes]
const wrapper = shallowMount(FileList, {
- propsData: {
+ props: {
currentView: 'files',
multiselect: true,
allowPickDirectory: false,
@@ -144,15 +144,15 @@ describe('FilePicker FileList', () => {
},
})
- const selectAll = wrapper.find('[data-testid="select-all-checkbox"]')
- expect(selectAll.props('checked')).toBe(true)
+ const selectAll = wrapper.getComponent('[data-testid="select-all-checkbox"]')
+ expect(selectAll.props('modelValue')).toBe(true)
})
describe('file list sorting', () => {
it('is sorted initially by name', async () => {
const nodes = [...exampleNodes]
const wrapper = mount(FileList, {
- propsData: {
+ props: {
currentView: 'files',
multiselect: true,
allowPickDirectory: false,
@@ -183,7 +183,7 @@ describe('FilePicker FileList', () => {
it('can sort descending by name', async () => {
const nodes = [...exampleNodes]
const wrapper = mount(FileList, {
- propsData: {
+ props: {
currentView: 'files',
multiselect: true,
allowPickDirectory: false,
diff --git a/lib/components/FilePicker/FileList.vue b/lib/components/FilePicker/FileList.vue
index 40278447..bad5b0bb 100644
--- a/lib/components/FilePicker/FileList.vue
+++ b/lib/components/FilePicker/FileList.vue
@@ -9,9 +9,9 @@