misc: remove component testing API stubs that were removed in Cypress 11

npm/mount-utils/src/index.ts

@@ -15,14 +15,6 @@ export const getContainerEl = (): HTMLElement => {
   throw Error(`No element found that matches selector ${ROOT_SELECTOR}. Please add a root element with data-cy-root attribute to your "component-index.html" file so that Cypress can attach your component to the DOM.`)
 }
 
-export function checkForRemovedStyleOptions (mountingOptions: Record<string, any>) {
-  for (const key of ['cssFile', 'cssFiles', 'style', 'styles', 'stylesheet', 'stylesheets'] as const) {
-    if (mountingOptions[key]) {
-      Cypress.utils.throwErrByPath('mount.removed_style_mounting_options', key)
-    }
-  }
-}
-
 /**
  * Utility function to register CT side effects and run cleanup code during the "test:before:run" Cypress hook
  * @param optionalCallback Callback to be called before the next test runs
@@ -61,39 +53,3 @@ export function setupHooks (optionalCallback?: Function) {
     optionalCallback?.()
   })
 }
-
-/**
- * Remove any style or extra link elements from the iframe placeholder
- * left from any previous test
- *
- * Removed as of Cypress 11.0.0
- * @see https://on.cypress.io/migration-11-0-0-component-testing-updates
- */
-export function cleanupStyles () {
-  Cypress.utils.throwErrByPath('mount.cleanup_styles')
-}
-
-/**
- * Additional styles to inject into the document.
- * A component might need 3rd party libraries from CDN,
- * local CSS files and custom styles.
- *
- * Removed as of Cypress 11.0.0.
- * @see https://on.cypress.io/migration-11-0-0-component-testing-updates
- */
-export type StyleOptions = unknown
-
-/**
- * Injects custom style text or CSS file or 3rd party style resources
- * into the given document.
- *
- * Removed as of Cypress 11.0.0.
- * @see https://on.cypress.io/migration-11-0-0-component-testing-updates
- */
-export const injectStylesBeforeElement = (
-  options: Partial<StyleOptions & { log: boolean }>,
-  document: Document,
-  el: HTMLElement | null,
-) => {
-  Cypress.utils.throwErrByPath('mount.inject_styles_before_element')
-}

npm/react/src/createMount.ts

@@ -4,7 +4,6 @@ import {
   getContainerEl,
   ROOT_SELECTOR,
   setupHooks,
-  checkForRemovedStyleOptions,
 } from '@cypress/mount-utils'
 import type { InternalMountOptions, MountOptions, MountReturn, UnmountArgs } from './types'
 
@@ -30,14 +29,6 @@ export const makeMountFn = (
     throw Error('internalMountOptions must be provided with `render` and `reactDom` parameters')
   }
 
-  // @ts-expect-error - this is removed but we want to check if a user is passing it, and error if they are.
-  if (options.alias) {
-    // @ts-expect-error
-    Cypress.utils.throwErrByPath('mount.alias', options.alias)
-  }
-
-  checkForRemovedStyleOptions(options)
-
   mountCleanup = internalMountOptions.cleanup
 
   return cy
@@ -81,10 +72,6 @@ export const makeMountFn = (
         return cy.wrap<MountReturn>({
           component: userComponent,
           rerender: (newComponent) => makeMountFn('rerender', newComponent, options, key, internalMountOptions),
-          unmount: () => {
-            // @ts-expect-error - undocumented API
-            Cypress.utils.throwErrByPath('mount.unmount')
-          },
         }, { log: false })
       })
       // by waiting, we delaying test execution for the next tick of event loop

npm/react/src/index.ts

@@ -2,6 +2,4 @@ export * from './createMount'
 
 export * from './mount'
 
-export * from './mountHook'
-
 export * from './types'

npm/react/src/mount.ts

@@ -8,7 +8,6 @@ import {
 import type {
   MountOptions,
   InternalMountOptions,
-  UnmountArgs,
 } from './index'
 
 let root: ReactDOM.Root | null
@@ -69,16 +68,7 @@ export function mount (jsx: React.ReactNode, options: MountOptions = {}, rerende
 function internalUnmount (options = { log: true }) {
   return makeUnmountFn(options)
 }
-/**
- * Removed as of Cypress 11.0.0.
- * @see https://on.cypress.io/migration-11-0-0-component-testing-updates
- */
-export function unmount (options: UnmountArgs = { log: true }) {
-  // @ts-expect-error - undocumented API
-  Cypress.utils.throwErrByPath('mount.unmount')
-}
 
-// Re-export this to help with migrating away from `unmount`
 export {
   getContainerEl,
 }

npm/react/src/types.ts

@@ -44,11 +44,4 @@ export interface MountReturn {
    * or have asynchronous updates (`useEffect`, `useLayoutEffect`).
    */
   rerender: (component: React.ReactNode) => globalThis.Cypress.Chainable<MountReturn>
-  /**
-   * Removes the mounted component.
-   *
-   * Removed as of Cypress 11.0.0.
-   * @see https://on.cypress.io/migration-11-0-0-component-testing-updates
-   */
-  unmount: (payload: UnmountArgs) => void // globalThis.Cypress.Chainable<JQuery<HTMLElement>>
 }

npm/svelte/src/mount.ts

@@ -1,7 +1,6 @@
 import {
   getContainerEl,
   setupHooks,
-  checkForRemovedStyleOptions,
 } from '@cypress/mount-utils'
 import type { ComponentConstructorOptions, ComponentProps, SvelteComponent } from 'svelte'
 
@@ -61,8 +60,6 @@ export function mount<T extends SvelteComponent> (
   Component: SvelteConstructor<T>,
   options: MountOptions<T> = {},
 ): Cypress.Chainable<MountReturn<T>> {
-  checkForRemovedStyleOptions(options)
-
   return cy.then(() => {
     // Remove last mounted component if cy.mount is called more than once in a test
     cleanup()

npm/vue/src/index.ts

@@ -23,7 +23,6 @@ import type { MountingOptions as VTUMountingOptions, VueWrapper } from '@vue/tes
 import {
   getContainerEl,
   setupHooks,
-  checkForRemovedStyleOptions,
 } from '@cypress/mount-utils'
 
 import * as _VueTestUtils from '@vue/test-utils'
@@ -393,7 +392,6 @@ export function mount<
  * })
  */
 export function mount (componentOptions: any, options: any = {}) {
-  checkForRemovedStyleOptions(options)
   // Remove last mounted component if cy.mount is called more than once in a test
   cleanup()
 
@@ -441,17 +439,7 @@ export function mount (componentOptions: any, options: any = {}) {
         component: wrapper.vm,
       }
 
-      return new Proxy(Object.create(returnVal), {
-        get (obj, prop) {
-        // throw an error if it looks like the caller is trying to call a method on the VueWrapper that was originally returned
-          if (Reflect.get(wrapper, prop)) {
-            // @ts-expect-error - internal API
-            Cypress.utils.throwErrByPath('mount.vue_yielded_value')
-          }
-
-          return Reflect.get(obj, prop)
-        },
-      })
+      return returnVal
     })
   })
 }
@@ -480,25 +468,6 @@ function getComponentDisplayName (componentOptions: any): string {
   return DEFAULT_COMP_NAME
 }
 
-/**
- * Helper function for mounting a component quickly in test hooks.
- * @example
- *  import {mountCallback} from '@cypress/vue'
- *  beforeEach(mountVue(component, options))
- *
- * Removed as of Cypress 11.0.0.
- * @see https://on.cypress.io/migration-11-0-0-component-testing-updates
- */
-export function mountCallback (
-  component: any,
-  options: any = {},
-) {
-  return () => {
-    // @ts-expect-error - undocumented API
-    Cypress.utils.throwErrByPath('mount.mount_callback')
-  }
-}
-
 // Side effects from "import { mount } from '@cypress/<my-framework>'" are annoying, we should avoid doing this
 // by creating an explicit function/import that the user can register in their 'component.js' support file,
 // such as:

packages/driver/src/cypress/error_messages.ts

@@ -1012,42 +1012,6 @@ export default {
       ].join('\n'),
       docsUrl: 'https://on.cypress.io/mount',
     },
-    removed_style_mounting_options (key: string) {
-      return {
-        message: `The \`${key}\` mounting option is no longer supported.`,
-        docsUrl: 'https://on.cypress.io/migration-11-0-0-component-testing-updates',
-      }
-    },
-    cleanup_styles: {
-      message: `\`cleanupStyles\` is no longer supported.`,
-      docsUrl: 'https://on.cypress.io/migration-11-0-0-component-testing-updates',
-    },
-    inject_styles_before_element: {
-      message: `\`injectStylesBeforeElement\` is no longer supported.`,
-      docsUrl: 'https://on.cypress.io/migration-11-0-0-component-testing-updates',
-    },
-    mount_hook: {
-      message: `\`mountHook\` is no longer supported.`,
-      docsUrl: 'https://on.cypress.io/migration-11-0-0-component-testing-updates',
-    },
-    unmount: {
-      message: `\`unmount\` is no longer supported.`,
-      docsUrl: 'https://on.cypress.io/migration-11-0-0-component-testing-updates',
-    },
-    mount_callback: {
-      message: `\`mountCallback\` is no longer supported.`,
-      docsUrl: 'https://on.cypress.io/migration-11-0-0-component-testing-updates',
-    },
-    vue_yielded_value: {
-      message: 'As of Cypress 11, mount now yields an object with VueWrapper and the component as properties. Destructure using `{ wrapper, component }` to access the VueWrapper and component.',
-      docsUrl: 'https://on.cypress.io/migration-11-0-0-component-testing-updates',
-    },
-    alias (alias: string) {
-      return {
-        message: `passing \`alias\` to mounting options is no longer supported. Use mount(...).as('${alias}') instead.`,
-        docsUrl: 'https://on.cypress.io/migration-11-0-0-component-testing-updates',
-      }
-    },
   },
 
   navigation: {