In this article, you will learn how to create a new frontend task, with or without tests, and how to include and/or exclude specific languages from your custom frontend tasks. Skip to a section:
Create a new frontend task
1. After selecting Frontend from the task type selection modal, you will be prompted to toggle on or off Automated Tests. This is toggled off by default. When toggled on, you can manually add test files to your tasks that will be scored.
After you've made your selection, click CREATE.
2. In the SETTINGS tab, enter a task title and description. You can also add labels from this tab (optional).
3. (Optional) If you've toggled on Automated Tests for your frontend task, you will see an additional tab called TESTS (to the right of LANGUAGES & CODE). Here, you can add and write your own Puppeteer test files for your task. This allows your frontend task to have automated scoring.
Be sure to click SAVE to the right of each test file name.
4. Once you’re done creating the task, click SAVE. Your task will now be available to use.
Note: You will not see files to be added on the screen as you make edits in the free-frontend task. For example, if you write the code in a
jsx file and then write some code in
html files, you will not see all 3 files until you click SAVE.
Configure languages for frontend tasks
If you are creating a frontend task, you may want to limit the languages candidates may use to complete the task. You can enable and disable languages of your choice, so long as your task has at least one markup, styling, and scripting language configured.
1. Create a new free-form frontend task or edit an existing one.
2. Click on the LANGUAGES & CODE tab.
3. Toggle on the Limit the languages available button.
4. Click on a language and select the arrow pointing right to exclude it from your list of available languages.
5. Be sure to SAVE your changes!
Questions? Contact firstname.lastname@example.org