wip: error with isRef

Author: JessicaSachs

cypress.json

@@ -1,6 +1,6 @@
 {
   "experimentalComponentTesting": true,
-  "componentFolder": "packages/tests",
+  "componentFolder": "packages/",
   "pluginsFile": "./plugins.js",
   "testFiles": "**/*.test.*",
   "supportFile": "packages/tests/support.ts"

packages/c-button/examples/index.ts

@@ -0,0 +1,8 @@
+export * as AsIconButton from './as-icon-button.vue'
+export * as BaseButton from './base-button.vue'
+export * as WithAttachedButtons from './with-attached-buttons.vue'
+export * as WithButtonGroup from '../examples/with-button-group.vue'
+export * as WithButtonSize from '../examples/with-button-size.vue'
+export * as withButtonIcon from '../examples/with-button-icon.vue'
+export * as WithButtonVariants from '../examples/with-button-variants.vue'
+export * as WithLoadingStatus from '../examples/with-loading-status.vue'

packages/c-button/tests/c-button.cy.ts

@@ -0,0 +1,15 @@
+import * as Examples from '../examples'
+import { h } from 'vue'
+
+
+describe('Button Examples', () => {
+  it('works', () => {
+    expect(true).to.be.true
+  })
+
+  Object.entries(Examples).map(([name, example]) => {
+    it(`renders ${name} successfully`, () => {
+      cy.mount(example.default).checkA11y()
+    })
+  })
+})

packages/c-button/tests/c-button.test.tsx

@@ -0,0 +1,2 @@
+export * as PopperV2Example from './popper-v2-example.vue'
+export * as PopperWithTransition from './popper-with-transition.vue'

packages/c-popper/examples/index.ts

@@ -0,0 +1,34 @@
+import * as Examples from '../examples'
+
+import { h, onMounted } from 'vue'
+import { usePopper } from '../src'
+import { useToggle } from '@vueuse/core'
+
+// Fails with isRef error
+xit('should work', () => {
+  cy.mount({
+    setup() {
+      const [isOpen, toggleIsOpen] = useToggle(true)
+
+      const { reference, referenceEl, popperEl, popper } = usePopper({
+        gutter: 16,
+        placement: 'right-end',
+      })
+
+      onMounted(() => {
+        _referenceEl = referenceEl.value
+        _popperEl = popperEl.value
+      })
+
+      return {
+        isOpen,
+        toggleIsOpen,
+        reference,
+        popper,
+      }
+    }
+  })
+})
+
+
+

packages/c-popper/tests/use-popper.test.ts

@@ -0,0 +1,31 @@
+import axeCore from 'axe-core'
+const isAccessible = (_chai, utils) => {
+
+  _chai.Assertion.addProperty('accessible', function () {
+    let _this = this
+    return cy.get('#cypress-root', { log: false }).then(async ($root) => {
+      const result = await axeCore.run($root[0])
+      const { passes, violations } = result
+
+      // @ts-ignore
+      const assert = () => {
+        _this.assert(
+          violations.length <= 0,
+          violations.length ? `🔨 ${violations.length} A11y checks failed. See console for output.` : `✅ A11y checks passed (${passes.length} passed}`
+        )
+      }
+
+      if (!violations.length) {
+        return assert()
+      }
+
+      passes.map(v => () => cy.log(`✅ A11y: ${v.help}`))
+        .concat(violations.map(v => () => cy.log(`🚫 A11y: ${v.help}`)))
+        // @ts-ignore
+        .concat([() => cy.then(assert)])
+        .forEach(f => f())
+    })
+  })
+}
+
+chai.use(isAccessible)