fix: TTL-888 special characters searching tech (#989)

* fix: TTL-888 special characters searching tech

* test: TTL-888 added test for searching tech with special characters

Author: mmaquina

src/app/modules/shared/services/technology.service.spec.ts

@@ -9,6 +9,7 @@ describe('TechnologyService', () => {
   let httpMock: HttpTestingController;
 
   const technologyList: Technology = { items: [{ name: 'java' }, { name: 'javascript' }] };
+  const technologyListWithSpecialChar: Technology = { items: [{ name: 'c#' }, { name: 'c#-2.0' }] };
 
   beforeEach(() => {
     TestBed.configureTestingModule({
@@ -42,4 +43,18 @@ describe('TechnologyService', () => {
     expect(getTechnologiesRequest.request.method).toBe('GET');
     getTechnologiesRequest.flush(technologyList);
   });
+
+  it('technologies with special characters are read using GET from url', () => {
+    const technologyFoundSize = technologyListWithSpecialChar.items.length;
+    const technologyName = 'c#';
+    service.getTechnologies(technologyName).subscribe((technologyInResponse) => {
+      expect(technologyInResponse.items.length).toBe(technologyFoundSize);
+    });
+    const getTechnologiesRequest = httpMock.expectOne(
+      `${service.baseUrl}&inname=${encodeURIComponent(technologyName)}&site=stackoverflow&key=${STACK_EXCHANGE_ID}&access_token=${STACK_EXCHANGE_ACCESS_TOKEN}`
+    );
+    expect(getTechnologiesRequest.request.method).toBe('GET');
+    getTechnologiesRequest.flush(technologyListWithSpecialChar);
+  });
+
 });

src/app/modules/shared/services/technology.service.ts

@@ -12,7 +12,7 @@ export class TechnologyService {
   constructor(private http: HttpClient) {}
 
   getTechnologies(value: string): Observable<Technology> {
-    const url = `${this.baseUrl}&inname=${value}&site=stackoverflow&key=${STACK_EXCHANGE_ID}&access_token=${STACK_EXCHANGE_ACCESS_TOKEN}`;
+    const url = `${this.baseUrl}&inname=${encodeURIComponent(value)}&site=stackoverflow&key=${STACK_EXCHANGE_ID}&access_token=${STACK_EXCHANGE_ACCESS_TOKEN}`;
     return this.http.get<Technology>(url);
   }
 }