Files
freeCodeCamp/curriculum/challenges/english/06-quality-assurance/quality-assurance-projects/american-british-translator.english.md
2020-05-27 13:19:16 +05:30

2.6 KiB

id, title, challengeType, isHidden, isRequired
id title challengeType isHidden isRequired
5e601c0d5ac9d0ecd8b94afe American British Translator 4 true true

Description

Build a full stack JavaScript app that is functionally similar to this: add-glitch-link.

Working on this project will involve you writing your code on Glitch on our starter project. After completing this project you can copy your public glitch url (to the homepage of your app) into this screen to test it! Optionally you may choose to write your project on another platform but it must be publicly visible for our testing.

Start this project on Glitch using this link or clone this repository on GitHub! If you use Glitch, remember to save the link to your project somewhere safe!

Instructions

Tests

tests:
  - text: I can enter a simple sentence into the text area and select whether to translate to British or American English from the dropdown menu.
    testString: ''
  - text: When the "Translate" button is pressed, append the translated sentence to the <code>translated-sentence</code> <code>div</code>. See the JavaScript files in <code>/public</code> for the different spelling and terms your application should translate.
    testString: ''
  - text: Wrap any translated spelling or terms with <code>&lt;span class=&quot;highlight&quot;&gt;...&lt;/span&gt;</code> tags so they appear in green.
    testString: ''
  - text: If the sentence in the text area has no spelling or terms that should be translated, append the message "Everything looks good to me!" to the <code>translated-sentence</code> <code>div</code>.
    testString: ''
  - text: |
      If there is no text in the text area, append the message "Error: No text to translate." to the <code>error-msg</code> <code>div</code> so the text appears in red.
    testString: ''
  - text: I can press the "Clear Input" button to remove all text from the text area and the <code>translated-sentence</code> <code>div</code>.
    testString: ''
  - text: All 12 unit tests are complete and passing.
    testString: ''
  - text: All 4 functional tests are complete and passing.
    testString: ''

Challenge Seed

Solution

/**
  Backend challenges don't need solutions,
  because they would need to be tested against a full working project.
  Please check our contributing guidelines to learn more.
*/