Add Test for React Edit Comment

[noi5e]

Part of the React rewrite of the comment system. See #9365

Added system test for editing comments that handles both React and Rails comment systems.

Also tweaked the CommentToolbarButton component so that it displays a class for edit-comment-btns

---

(This issue is part of the larger Comment Editor Overhaul Project with Outreachy. Refer to Planning Issue #9069 for more context)

[gitpod-io]

[noi5e]

Deleting this system test, as it's replaced by the new one.

[codeclimate]

Code Climate has analyzed commit ed41c83 and detected 0 issues on this pull request.

View more on Code Climate.

[codecov]

Codecov Report

❗ No coverage uploaded for pull request base (main@7fe537a). Click here to learn what that means.
The diff coverage is n/a.

@@           Coverage Diff           @@
##             main    #9713   +/-   ##
=======================================
  Coverage        ?   82.01%           
=======================================
  Files           ?       98           
  Lines           ?     5928           
  Branches        ?        0           
=======================================
  Hits            ?     4862           
  Misses          ?     1066           
  Partials        ?        0           

[jywarren]

This looks awesome. Thanks @noi5e!

I did want to note i saw a warning in the Jenkins build log:

WARNING in ./app/javascript/components/REACT_COMMENTS.md 1:0
Module parse failed: Unexpected character '#' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> # `React Commenting System`
| 
| **Last Updated: 3/13/2021**
 @ ./app/javascript/components sync ^\.\/.*$ ./REACT_COMMENTS.md
 @ ./app/javascript/packs/server_rendering.js

I want to say i don't think anything broke, but just noting in case it's an issue to look out for.

[jywarren]

Looks awesome. Merged! Pls give it a spin at https://stable.publiclab.org once it builds -- thanks a ton, @noi5e !!!

[noi5e]

@jywarren: A little more about that error that you mentioned also here

WARNING in ./app/javascript/components/REACT_COMMENTS.md 1:0
Module parse failed: Unexpected character '#' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> # `React Commenting System`
| 
| **Last Updated: 3/13/2021**
 @ ./app/javascript/components sync ^\.\/.*$ ./REACT_COMMENTS.md
 @ ./app/javascript/packs/server_rendering.js

This is occurring because webpacker is trying to parse ./app/javascript/components/REACT_COMMENTS.md (which is written in Markdown), as if it's a .jsx file.

webpacker encounters #, which is the first character in REACT_COMMENTS.md. It throws an error, because this isn't syntactical in .jsx.

It's a minor thing and low-priority IMO, but would be good to take care of down the line. The webpacker config needs to be altered. I'll put it on my to-do.

[jywarren]

Thank you this makes total sense. 💫💫💫