Rename testmessager -> testmessenger

src/app/testmessenger/testmessenger.component.html

@@ -0,0 +1,2 @@
+<textarea [(ngModel)]="messageStr" cols="33" rows="7"></textarea><br>
+<button class="btn btn-primary" (click)="sendTestMessage()">Send</button>

src/app/testmessenger/testmessenger.component.ts

@@ -0,0 +1,23 @@
+import { Component, OnInit } from '@angular/core';
+import { WebSocketService } from '../services/websocket.service';
+
+@Component({
+  selector: 'app-testmessager',
+  templateUrl: './testmessenger.component.html',
+  styleUrls: ['./testmessenger.component.scss']
+})
+export class TestmessengerComponent implements OnInit {
+  messageStr = `{"key": "",\n"data": {}}`;
+
+  constructor(private webSocketService: WebSocketService) {}
+
+  ngOnInit() {
+    this.webSocketService.connect();
+    this.webSocketService.observeKey('').subscribe();
+  }
+
+  sendTestMessage() {
+    const jsonObject = JSON.parse(this.messageStr);
+    this.webSocketService.send(jsonObject['key'], jsonObject['data']);
+  }
+}