diff --git a/src/App.js b/src/App.js
index a353d14..497459f 100644
--- a/src/App.js
+++ b/src/App.js
@@ -5,7 +5,7 @@ import PhonoChangeApplier from './PhonoChangeApplier';
 function App() {
   return (
     <div className="App" data-testid="App">
-      <h1>Feature Change Applier</h1>
+      <h1 data-testid="App-name">Feature Change Applier</h1>
       <PhonoChangeApplier />
     </div>
   );
diff --git a/src/App.test.js b/src/App.test.js
index f1f3f55..61af8c7 100644
--- a/src/App.test.js
+++ b/src/App.test.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+import { HashRouter as Router } from 'react-router-dom';
 import App from './App';
 import renderer from 'react-test-renderer';
 import { exportAllDeclaration } from '@babel/types';
@@ -8,13 +9,13 @@ import extendExpect from '@testing-library/jest-dom/extend-expect'
 
 it('renders App without crashing', () => {
   const div = document.createElement('div');
-  ReactDOM.render(<App />, div);
+  ReactDOM.render(<Router><App /></Router>, div);
   ReactDOM.unmountComponentAtNode(div);
 });
 
 describe('App', () => {
   it('renders the correct title', () => {
-    const { getByTestId } = render(<App />);
-    expect(getByTestId('App')).toHaveTextContent('Phono Change Applier');
+    const { getByTestId } = render(<Router><App /></Router>);
+    expect(getByTestId('App-name')).toHaveTextContent('Feature Change Applier');
   })
 })
\ No newline at end of file
diff --git a/src/PhonoChangeApplier.test.js b/src/PhonoChangeApplier.test.js
index 894c409..d127073 100644
--- a/src/PhonoChangeApplier.test.js
+++ b/src/PhonoChangeApplier.test.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+import { HashRouter as Router } from 'react-router-dom';
 import App from './App';
 import PhonoChangeApplier from './PhonoChangeApplier';
 import renderer from 'react-test-renderer';
@@ -9,13 +10,13 @@ import extendExpect from '@testing-library/jest-dom/extend-expect'
 
 it('renders PhonoChangeApplier without crashing', () => {
   const div = document.createElement('div');
-  ReactDOM.render(<PhonoChangeApplier />, div);
+  ReactDOM.render(<Router><PhonoChangeApplier /></Router>, div);
   ReactDOM.unmountComponentAtNode(div);
 });
 
 describe('App', () => {
   it('renders Proto Language Lexicon', () => {
-    const { getByTestId } = render(<PhonoChangeApplier />);
+    const { getByTestId } = render(<Router><PhonoChangeApplier /></Router>);
     expect(getByTestId('PhonoChangeApplier')).toHaveTextContent('Proto Language Lexicon');
   })
 })
\ No newline at end of file