javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-26 08:13:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(vue): adding class to IonPage no longer hides component (#25490)

Browse Source
This commit is contained in:
Liam DeBeasi
2022-06-21 12:42:50 -04:00
committed by GitHub
parent 7821df2f5e
commit cbaa9711f0
3 changed files with 28 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
packages/vue/test-app/tests/unit/page.spec.ts
View File

@ -62,4 +62,25 @@ describe('IonPage', () => {
expect(cmp.classes('ion-page')).toBe(true);
expect(cmp.classes('custom-class')).toBe(true);
});
it('should not re-add ion-page-invisible when setting the class', async () => {
const Page1 = {
template: `<ion-page :class="{ 'custom-class': addClass }"></ion-page>`,
name: 'Page1',
components: { IonPage },
data() {
return {
addClass: false
}
}
};
const wrapper = mount(Page1);
expect(wrapper.classes('custom-class')).toBe(false);
await wrapper.setData({ addClass: true });
expect(wrapper.classes('custom-class')).toBe(true);
expect(wrapper.classes('ion-page-invisible')).toBe(false);
});
})