test(ui/QDate): add years-in-month-view prop test

quasarframework · Feb 23, 2024 · 02d9a8a · 02d9a8a
1 parent 9a1702d
commit 02d9a8a
Showing 1 changed file with 21 additions and 2 deletions.
diff --git a/ui/src/components/date/__tests__/QDate.cy.js b/ui/src/components/date/__tests__/QDate.cy.js
@@ -13,8 +13,27 @@ describe('Date API', () => {
   describe('Props', () => {
     describe('Category: behavior', () => {
       describe('(prop): years-in-month-view', () => {
-        it.skip(' ', () => {
-          //
+        it('should show the years selector in months view', () => {
+          const model = ref('2018/06/03')
+
+          mountQDate({
+            props: {
+              ...vModelAdapter(model),
+              defaultView: 'Months',
+              yearsInMonthView: true
+            }
+          })
+
+          cy.get('.q-date__months .bg-primary')
+            .should('contain', 'Jun')
+          cy.get('.q-date__months')
+            .should('contain', '2018')
+            .then(async () => {
+              await Cypress.vueWrapper.setProps({ yearsInMonthView: false })
+            })
+
+          cy.get('.q-date__months')
+            .should('not.contain', '2018')
         })
       })
     })