Create Frontend Modules #
To create frontend questions you can follow these steps:
- On the “Library” menu, click “+ Create Module” button.
- There will be a pop-up for you to insert the module name and choose the “Frontend Test” module type. Click Save to proceed.
1. Module General Info #
You’ll be redirected to the “Manage module” page > Tab “Module General Info”.
- Module format (mandatory): this never will be editable.
- Total time (mandatory): maximum time spent on this specific module. This would be the default value every time you assign this module.
- Complexity (mandatory): choose easy, medium, or complex.
- Tags: input tagging to help other recruiters filter this specific module.
- Description: put your internal notes for other recruiters here.
- Translations (mandatory to choose one): Algobash now supports 2 languages (Bahasa Indonesia and English). This will affect the questions and answers settings. You can activate 1 or both languages.
- Module introduction (mandatory): you can put a module introduction for this specific module. When the language is activated for both languages, you can use the dropdown to adjust the content for each language.
- Click “Next” to go to the next tab or click “Cancel” to drop the changes.
2. Framework #
Next, you’ll be redirected to the “Manage module” page > Tab “Framework”. You will need to choose only 1 framework.
We will choose React for this FAQ.
3. Add Questions #
You’ll be redirected to the “Manage module” page > Tab “Add Questions”.
You’ll see an empty question list. To add your first question, do click “+Add Question”
- Question name (mandatory): define your programming question here. Example: Palindrome, etc.
- Maximum Test Count (mandatory): set how many times candidates can run the unit testing.
- Question text language (mandatory): when you enable more than 1 language, you will need to add the content for question text description and answers in each language.
- Question text description (mandatory): add your description for questions here.
- User configuration: you can set if the user allows creating files and directories.
For frontend and backend tests we’ll use unit testing for the grading system. What you’ll need to config is:
- Components
- First, you need to add or config your component.
- Add the name and React path
- Repeat this step to add more components.
- Test Cases
- Add the name of the selected test case
- Choose the component related to this test case
- Add action events such as click, change, etc.
- Put the expected result for the input of the specific action above.
- Repeat this step to add more test cases.
- Generate the test case by pressing the “Generate” button.
Do adjust the init files and such in the editor we provide in the last section.
Once all of your mandatory fields are filled, you can add more questions or you can click “Finish” to save the module.
Edit Frontend Modules #
To edit you can always follow the steps for adding modules above.