Frontend Integration Tests

[jchen42703]

To automate the manual testing process:

1. Test that a fold button click collapses the button in InputEditor and the corresponding button in TranslatedDisplay
2. Test above but clicking the fold button in TranslatedDisplay
3. Test that when a paragraph is folded, then the contents are immutable.
4. Test that you can uncollapse a fold button and that it simultaneously uncollapses the corresponding fold button
5. Test that you can CTRL + A, CTRL + C the contents and CTRL + V the contents with the same exact new lines as in the editor.
6. Test that you can highlight copy the contents of TranslatedDisplay and the pasted contents will have the same exact new lines as in the display

Related Resources

• https://testing-library.com/docs/queries/bytestid
• Official draft-js tests
• https://github.com/testing-library/jest-dom
• https://github.com/facebook/draft-js/issues/325
• https://redux.js.org/recipes/writing-tests
• https://stackoverflow.com/questions/55645570/has-anyone-successfully-used-react-testing-library-to-test-change-events-on-a-dr