highlighter.js | Easily navigate the DOM and highlight the elements - http | Animation library

I am trying to make a code editor using HTML:

I am new to react. I am trying to include react-highlight-words into my application for searching the text. So I created a simple search textbox, where we can search the text. Right now my text box is inside SearchBar.js and the highlighter component code is inside Highlighter.js there I used componentDidMount and componentWillRecieveProps to retrive the testHighlight values from the parent SearchBar component. But its not printing the values, so I am not able to pass inside Highlighter.

Can you tell me how to fix it, so that in future I will fix it myself.

Providing my sandbox and code snippet below.

https://codesandbox.io/s/4qp1p2zvl4

SearchBar.js

Publii is a desktop-based CMS for Windows, Mac and Linux.

I downloaded the appimage and deb packages and installed it, but neither seems to be launching, I have no way to troubleshoot why it isn't launching and I have used this software before on a previous installation of Ubuntu

How would I troubleshoot this program in Linux effectively? I'd prefer a terminal approach but a GUI is also good.

EDIT

following the instructions ran here

I am trying to find a way to run npm test using mocha over a HTML DOM. In this case, I am using the global document to retrieve a table out of the DOM. However, when I run npm test I get something like the error:

when I draw chart using jqplot, both end point of the chart does not show label, and I am not sure why. Please help

Here is my code (self-contained code, with all resources loaded)

With the form of this fiddle I successfully populate the HTML, JavaScript and External Resources of a new jsFiddle window, through a POST API call:

I have a controller that returns List countList and List dayList upon making a selection on the controls.