Jest and Cypress AE aren't compatible with Quasar v2 / Vue 3

quasar-testing needs to be updated for Quasar v2 / Vue3. I’ve created this issue just to track things I’ve discovered while trying to get unit testing to work for components using Quasar v2.

• Several components (QPage, QHeader etc.) require a layout. The layout is accessed via provide/inject by the layoutKey symbol declared in utils/private/symbols.js. These symbols are not exported by Quasar, so it’s not possible to injected a layout stub from within a unit test. The only solution I could come up with is to either export these symbols in Quasar or at least to create them with Symbol.for() to allow to use them in the unit tests. This is a minimal passing test case for a component using QPage:

import { mount } from '@vue/test-utils'
import { defineComponent } from 'vue'
import { QPage } from 'quasar'

const Component = defineComponent({
  template: '<QPage><div>Test</div></QPage>',
  components: {
    QPage
  },
  setup() {
    return {

    }
  }
})

describe('component', () => {
  it('renders the template', () => {
    const wrapper = mount(Component, {
      global: {
        provide: {
          [Symbol.for('_q_l_')]: {
              header: {},
              footer: {},
              right: {},
              left: {},
              isContainer: {
                value: true
              },
              containerHeight: {
                value: 100
              }
          }
        }
      }
    })
    expect(wrapper.find("div").text()).toBe("Test")
  })
})

[IlCallo]

Hi everyone! A new major version for Cypress testing AE has been released as beta, notable changes:

• support Qv2, drop Qv1
• updated Cypress to 7.x
• Quasar helper commands and related types are now exported directly from the package

See release notes here: https://github.com/quasarframework/quasar-testing/releases/tag/4.0.0-beta.1

I’ll rename the issue to let everyone know only Jest is missing now.

---

For Jest testing AE things are more complicated, but the new version will come in some weeks too

[IlCallo]

I thought comments in other issues and on the ROADMAP were already clear, but I’ll explicitly state it again:

Testing AE still hasn’t been migrated to Qv2 / Vue3

We were pretty busy finalising Qv2 stable release, which will come soon 😃 I plan to work on this in May.