Unify 587 - adding cy.mount api doc (cypress-io#4234)

* adding cy.mount guide

* updating headers to show component only badge

* moving mount guide to api docs

* react examples

* PR change request updates

* adding vue2 vue3 code group

* vue updates

* Update content/api/commands/mount.md

Co-authored-by: Ben Alman <[email protected]>

* Update content/api/commands/mount.md

Co-authored-by: Ben Alman <[email protected]>

* Update content/api/commands/mount.md

Co-authored-by: Ben Alman <[email protected]>

* Update content/api/commands/mount.md

Co-authored-by: Ben Alman <[email protected]>

* feedback changes

* changes

Co-authored-by: Ben Alman <[email protected]>

Author: Ely Lucas

assets/img/guides/component-testing/cy-mount-must-be-implemented.png

@@ -8,6 +8,10 @@ export default {
     e2eSpecific: {
       type: Boolean,
       required: false,
+    },
+    componentSpecific: {
+      type: Boolean,
+      required: false,
     }
   }
 }
@@ -19,5 +23,6 @@ export default {
     {{ title }}
   </h1>
   <E2EOnlyBadge v-if="e2eSpecific" class="mt-4 mb-3" />
+  <ComponentOnlyBadge v-if="componentSpecific" class="mt-4 mb-3" />
 </div>
 </template>

components/MainContentHeader.vue

@@ -0,0 +1,12 @@
+<template>
+  <CodeGroup sync-group="vue2-vue3">
+    <CodeBlock label="Vue 2" active>
+      <template #alert><slot name="vue2-alert"></slot></template>
+      <slot name="vue2"></slot>
+    </CodeBlock>
+    <CodeBlock label="Vue 3">
+      <template #alert><slot name="vue3-alert"></slot></template>
+      <slot name="vue3"></slot>
+    </CodeBlock>
+  </CodeGroup>
+</template>

components/global/CodeGroupVue2Vue3.vue

@@ -59,10 +59,6 @@
             {
               "title": "Rendering Components Correctly",
               "slug": "rendering-components-correctly"
-            },
-            {
-              "title": "Creating a cy.mount Command",
-              "slug": "creating-a-cy-mount-command"
             }
           ]
         },
@@ -572,6 +568,10 @@
               "title": "log",
               "slug": "log"
             },
+            {
+              "title": "mount",
+              "slug": "mount"
+            },
             {
               "title": "next",
               "slug": "next"