add another spec from an issue

Author: bahmutov

README.md

@@ -128,6 +128,7 @@ Spec | Description
 --- | ---
 [app-action-example](cypress/component/advanced/app-action-example) | App actions against components
 [context](cypress/component/advanced/context) | Confirms components that use React context feature work
+[custom-command](cypress/component/custom-command) | Wraps `mount` in a custom command for convenience
 [forward-ref](cypress/component/advanced/forward-ref) | Tests a component that uses a forward ref feature
 [hooks](cypress/component/advanced/hooks) | Tests several components that use React Hooks like `useState`, `useCallback`
 [lazy-loaded](cypress/component/advanced/lazy-loaded) | Confirms components that use `React.lazy` and dynamic imports work

cypress/component/advanced/custom-command/spec.js

@@ -0,0 +1,26 @@
+/// <reference types="cypress" />
+/// <reference types="../../lib" />
+import React from 'react'
+import { mount } from 'cypress-react-unit-test'
+
+// https://github.com/bahmutov/cypress-react-unit-test/issues/184
+Cypress.Commands.add('myMount', () => {
+  return mount(<div>My mount</div>)
+})
+
+Cypress.Commands.add('myMount2', () => {
+  const toMount = React.createElement('div', null, ['mount 2'])
+  return mount(toMount)
+})
+
+describe('Wrapped mount in custom command', () => {
+  it('works', () => {
+    cy.myMount()
+    cy.contains('My mount')
+  })
+
+  it('works using React.createElement', () => {
+    cy.myMount2()
+    cy.contains('mount 2')
+  })
+})

cypress/component/advanced/forward-ref/forward-ref.spec.js

@@ -2,7 +2,6 @@
 /// <reference types="../../lib" />
 
 import React from 'react'
-import ReactDom from 'react-dom'
 import { mount } from 'cypress-react-unit-test'
 import Button from './forward-ref.jsx'