feat: add jsx support (#50)

* feat: add support for tsx files

* remove video

.gitignore

@@ -3,3 +3,4 @@ node_modules
 .idea
 .DS_Store
 cypress/screenshots
+cypress/videos

cypress.config.ts

@@ -2,6 +2,9 @@ import { cypressCodegen } from 'cypress-codegen/dist/plugin';
 import { defineConfig } from 'cypress';
 
 export default defineConfig({
+  screenshotOnRunFailure: false,
+  video: false,
+
   e2e: {
     setupNodeEvents(on, config) {
       cypressCodegen(on, config);

cypress/commands/custom-mount.tsx

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+export const customMount = (Component: React.ReactElement) => {
+    cy.mount(
+        <div>
+            <Component />
+        </div>
+    );
+};
+
+declare global {
+    namespace Cypress {
+        interface Chainable {
+            customMount(Component: React.ReactElement): Chainable;
+        }
+    }
+}

cypress/component/component-example.cy.tsx

@@ -23,4 +23,29 @@ describe('Example Test', () => {
     it('should import custom commands in component tests', () => {
         cy.functionExample(componentText);
     });
+
+    it('should dynamically import custom commands from arrow functions', () => {
+        cy.arrowFunctionExample(componentText);
+    });
+
+    it('should support scoped methods', () => {
+        cy.contains(componentText).functionExampleScoped(componentText);
+    });
+
+    it('should dynamically import nested custom commands', () => {
+        cy.nestedExample(componentText);
+    });
+
+    it('should chain custom commands', () => {
+        cy.log(componentText)
+            .functionExample(componentText)
+            .arrowFunctionExample(componentText)
+            .nestedExample(componentText);
+    });
+
+    it('should support custom mount commands', () => {
+        const myComponent = () => <>{'Different text'}</>;
+        cy.customMount(myComponent);
+        cy.contains('Different text');
+    });
 });

src/generate-types-from-abstract-syntax-tree.ts

@@ -30,7 +30,7 @@ import { isScopedMethod } from './common';
 
 export const generateTypesFromAbstractSyntaxTree = (filePath: string, prettierConfig?: Options) => {
   const contents = readFileSync(resolve(filePath)).toString();
-  const ast = parse(contents, { sourceType: 'module', plugins: ['typescript'] });
+  const ast = parse(contents, { sourceType: 'module', plugins: ['typescript', 'jsx'] });
   const currentNodes = ast.program.body;
   const customCommands = currentNodes
     .filter(