URL-encode expanded word (#33)

.github/workflows/ci-cd.yaml

@@ -36,7 +36,22 @@ jobs:
         with:
           access_token: ${{ github.token }}
 
+  unit-tests:
+    name: Unit tests
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Set node version to ${{ env.NODE_VERSION }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+      - name: Install dependencies
+        run: npm install -g [email protected] && yarn
+      - name: Run unit tests
+        run: yarn test
+
   list-e2e-specs:
+    needs: unit-tests
     name: Enumerate E2E tests and prepare to run them in parallel
     runs-on: ubuntu-latest
     outputs:

src/App.test.tsx → src/components/Webservice.test.ts

@@ -13,12 +13,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import App from './App';
+import {urlEncode} from "./Webservice";
 
-test('renders learn react link', () => {
-  render(<App />);
-  const linkElement = screen.getByText(/learn react/i);
-  expect(linkElement).toBeInTheDocument();
-});
+test("term, which is to be expanded, is URL encoded", () => {
+  expect(urlEncode("Ich gehe in den/in die/ins")).toEqual("Ich%20gehe%20in%20den%2Fin%20die%2Fins")
+})

src/components/Webservice.ts

@@ -73,7 +73,7 @@ export async function expand(term: string): Promise<Map<string, Array<any>>> {
   graph.set("nodes", [])
   graph.set("links", [])
 
-  await fetch(new URL("wilhelm/expand/" + term, WEBSERVICE_URL))
+  await fetch(new URL("wilhelm/expand/" + urlEncode(term), WEBSERVICE_URL))
       .then(response => response.json())
       .then(data => {
         for (let node of data["nodes"]) {
@@ -86,3 +86,7 @@ export async function expand(term: string): Promise<Map<string, Array<any>>> {
 
   return graph
 }
+
+export function urlEncode(term: string): string {
+  return encodeURIComponent(term)
+}