Overview
In this article, you will learn how to create a new frontend question, with or without tests, and how to include and/or exclude specific languages from your custom frontend questions. Skip to a section:
Create a new frontend question
1. After selecting Frontend from the question 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 questions that will be scored.
After you've made your selection, click CREATE.
2. In the SETTINGS tab, enter a question title and description. You can also add labels from this tab (optional).
3. (Optional) If you've toggled on Automated Tests for your frontend question, 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 question. This allows your frontend question to have automated scoring.
Be sure to click SAVE to the right of each test file name.
4. Once you’re done creating the question, click SAVE. Your question 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 question. For example, if you write the code in a jsx file and then write some code in css and html files, you will not see all 3 files until you click SAVE.
Configure languages for frontend questions
If you are creating a frontend question, you may want to limit the languages candidates may use to complete the question. You can enable and disable languages of your choice, so long as your question has at least one markup, styling, and scripting language configured.
1. Create a new free-form frontend question 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 suppport@codesignal.com