docs: add the development guide on how to run test (#1250)

Co-authored-by: Florence Njeri <[email protected]>%0ACo-authored-by: Lukasz Gornicki <[email protected]>

Development.md

@@ -0,0 +1,187 @@
+# Development guide
+
+This guide will help you set up the `generator` locally, run tests, and use Docker for isolated testing.
+
+## Getting started
+
+1. Fork & Clone the repository:
+
+First fork the repository from github and then clone it,
+
+```bash
+git clone https://github.com/{your_username}/generator.git
+cd generator
+```
+
+After cloning the repository, you should setup the fork properly and configure the `remote` repository as described [here](https://github.com/asyncapi/community/blob/master/git-workflow.md)
+
+2. Install dependencies:
+
+```bash
+npm install
+```
+
+## Running tests
+
+### Local testing
+
+To run all tests locally:
+
+- Unit tests: `npm run generator:test:unit`
+- Integration tests: `npm run generator:test:integration`
+- CLI tests: `npm run generator:test:cli`
+
+### Adding tests
+
+1. Create new test files in the appropriate directory under `apps/generator/test/`:
+
+2. Follow the existing test patterns.
+
+3. Run your new tests using the commands mentioned above.
+
+## Docker isolated testing
+
+To run tests in an isolated Docker environment:
+
+1. Ensure Docker is installed and running on your machine.
+
+2. Run the following command from the project root:
+
+```bash
+docker run --rm -v ${PWD}:/app -w /app node:18 sh -c "
+cp -r /app /tmp/app &&
+cd /tmp/app &&
+npm install &&
+npm test
+"
+```
+
+This command above does the following:
+- Mounts the current directory to `/app` in the container
+- Copies the project to a temporary directory
+- Installs dependencies
+- Runs all tests
+
+Note: This approach ensures a clean environment for each test run by removing any existing `node_modules`.
+
+### Manually testing with test templates
+
+To test template features manually we have `react-template` and `nunjucks-template` in `apps/generator/test/templates`, you can use this templates to manually test your changes like this:
+
+1. Navigate to the generator directory:
+
+```bash
+cd apps/generator
+```
+2. Modify the react-template in `./test/test-templates/react-template` to test different features.
+
+3. Run the generator with the react-template:
+
+```bash
+asyncapi generate fromTemplate  ./test/docs/dummy.yml ./test/test-templates/react-template -o ./test/output --force-write
+```
+
+4. Check the output in the `./test/output` directory to verify the output that you desired.
+
+## Release process
+
+To release a major/minor/patch:
+
+### Conventional Commits:
+
+To maintain a clear git history of commits and easily identify what each commit changed and whether it triggered a release, we use conventional commits. The feat and fix prefixes are particularly important as they are needed to trigger changesets. Using these prefixes ensures that the changes are correctly categorized and the versioning system functions as expected.
+
+For Example:
+```
+feat: add new feature
+```
+
+#### Manual
+
+1.  Create a new release markdown file in the `.changeset` directory. The filename should indicate what the change is about.
+
+2.  Add the following content to the file in this particular format:
+
+    ```markdown
+    ---
+    "@package-name-1": [type] (major/minor/patch)
+    "@package-name-2": [type]
+    ---
+
+    [Provide a brief description of the changes. For example: Added a new Release GitHub Flow to the Turborepo. No new features or bugfixes were introduced.]
+    ```
+
+    For Example:
+
+    ```markdown
+    ---
+    "@asyncapi/generator": minor
+    ---
+
+    Adding new Release Github Flow to the Turborepo. No new features or bugfixes were introduced.
+
+    ```
+
+3. Include the file in your pull request.
+
+#### Using CLI
+
+1. Create a new release markdown file using changeset CLI. Below command will trigger an interactive prompt that you can use to specify release type and affected packages.
+    ```cli 
+    npx -p @changesets/[email protected] changeset
+    ```
+
+2. Include the file in your pull request.
+
+> [!TIP]
+> For more detailed instructions, you can refer to the official documentation for creating a changeset:
+[Adding a changeset](https://github.com/changesets/changesets/blob/main/docs/adding-a-changeset.md)
+
+### Release Flow:
+
+1. **Add a Changeset**:
+   - When you make changes that need to be released, create a markdown file in the `.changeset` directory stating the package name and level of change (major/minor/patch). 
+
+2. **Open a Pull Request**:
+   - Push your changes and open a Pull Request (PR). After the PR is merged the changeset file helps communicate the type of changes (major, minor, patch).
+
+3. **CI Processes Changeset**:
+   - After PR is merged, a dedicated GitHub Actions release workflow runs using changeset action,
+
+   - This action reads the markdown files in the `.changeset` folder and creates a PR with the updated version of the package and removes the markdown file. For example:
+
+     Before:
+     ```json
+     "name": "@asyncapi/generator",
+     "version": "2.0.1",
+     ```
+
+     After:
+     ```json
+     "name": "@asyncapi/generator",
+     "version": "3.0.1",
+     ```
+
+   - The new PR will also contain the description from the markdown files,
+
+   - AsyncAPI bot automatically merge such release PR.
+
+4. **Release the Package**:
+
+   - After the PR is merged, the CI/CD pipeline triggers again. The `changesets/action` step identifies that the PR was created by itself. It then verifies if the current version of the package is greater than the previously released version. If a difference is detected, it executes the publish command to release the updated package.
+
+## Additional commands
+
+- Lint the code: `npm run lint`
+- Generate documentation: `npm run docs`
+- Build Docker image: `npm run docker:build`
+
+## Troubleshooting
+
+If you encounter any issues during development or testing, please check the following:
+
+1. Ensure you're using the correct Node.js version (18.12.0 or higher) and npm version (8.19.0 or higher).
+2. Clear the `node_modules` directory and reinstall dependencies if you encounter unexpected behavior.
+3. For Docker-related issues, make sure Docker is running and you have sufficient permissions.
+
+If problems persist, please open an issue on the GitHub repository.

README.md

@@ -62,97 +62,10 @@ This library consists of:
 - Custom filters. Check out [API docs](apps/nunjucks-filters/docs/api.md) for complete list
 - Lodash-powered filters. For the list of all available filters check [official docs](https://lodash.com/docs/)
 
-## Release Process
-
-To release a major/minor/patch:
-
-### Conventional Commits:
-
-To maintain a clear git history of commits and easily identify what each commit changed and whether it triggered a release, we use conventional commits. The feat and fix prefixes are particularly important as they are needed to trigger changesets. Using these prefixes ensures that the changes are correctly categorized and the versioning system functions as expected.
-
-For Example:
-```
-feat: add new feature
-```
-
-#### Manual
-
-1.  Create a new release markdown file in the `.changeset` directory. The filename should indicate what the change is about.
-
-2.  Add the following content to the file in this particular format:
-
-    ```markdown
-    ---
-    "@package-name-1": [type] (major/minor/patch)
-    "@package-name-2": [type]
-    ---
-
-    [Provide a brief description of the changes. For example: Added a new Release GitHub Flow to the Turborepo. No new features or bugfixes were introduced.]
-    ```
-
-    For Example:
-
-    ```markdown
-    ---
-    "@asyncapi/generator": minor
-    ---
-
-    Adding new Release Github Flow to the Turborepo. No new features or bugfixes were introduced.
-
-    ```
-
-3. Include the file in your pull request.
-
-#### Using CLI
-
-1. Create a new release markdown file using changeset CLI. Below command will trigger an interactive prompt that you can use to specify release type and affected packages.
-    ```cli 
-    npx -p @changesets/[email protected] changeset
-    ```
-
-2. Include the file in your pull request.
-
-> [!TIP]
-> For more detailed instructions, you can refer to the official documentation for creating a changeset:
-[Adding a changeset](https://github.com/changesets/changesets/blob/main/docs/adding-a-changeset.md)
-
-
-
-### Release Flow:
-
-1. **Add a Changeset**:
-   - When you make changes that need to be released, create a markdown file in the `.changeset` directory stating the package name and level of change (major/minor/patch). 
-
-2. **Open a Pull Request**:
-   - Push your changes and open a Pull Request (PR). After the PR is merged the changeset file helps communicate the type of changes (major, minor, patch).
-
-3. **CI Processes Changeset**:
-   - After PR is merged, a dedicated GitHub Actions release workflow runs using changeset action,
-
-   - This action reads the markdown files in the `.changeset` folder and creates a PR with the updated version of the package and removes the markdown file. For example:
-
-     Before:
-     ```json
-     "name": "@asyncapi/generator",
-     "version": "2.0.1",
-     ```
-
-     After:
-     ```json
-     "name": "@asyncapi/generator",
-     "version": "3.0.1",
-     ```
-
-   - The new PR will also contain the description from the markdown files,
-
-   - AsyncAPI bot automatically merge such release PR.
-
-4. **Release the Package**:
-
-   - After the PR is merged, the CI/CD pipeline triggers again. The `changesets/action` step identifies that the PR was created by itself. It then verifies if the current version of the package is greater than the previously released version. If a difference is detected, it executes the publish command to release the updated package.
-
 ## Contributing
 
+For developement setup you can follow the detailed guide in [Developement guide](Development.md)
+
 Read [CONTRIBUTING](CONTRIBUTING.md) guide.
 
 ## Contributors ✨

apps/generator/test/test-templates/react-template/package.json

@@ -7,7 +7,7 @@
     },
     "generator": {
         "renderer": "react",
-        "api": "v3",
+        "apiVersion": "v3",
         "parameters": {
             "version": {
                 "description": "Custom version to be used"