diff --git a/src/App.test.js b/src/App.test.js
index d9c042c..f1f3f55 100644
--- a/src/App.test.js
+++ b/src/App.test.js
@@ -6,7 +6,7 @@ import { exportAllDeclaration } from '@babel/types';
import {render} from '@testing-library/react';
import extendExpect from '@testing-library/jest-dom/extend-expect'
-it('renders without crashing', () => {
+it('renders App without crashing', () => {
const div = document.createElement('div');
ReactDOM.render(, div);
ReactDOM.unmountComponentAtNode(div);
diff --git a/src/PhonoChangeApplier.js b/src/PhonoChangeApplier.js
index 10b3577..eb4e700 100644
--- a/src/PhonoChangeApplier.js
+++ b/src/PhonoChangeApplier.js
@@ -1,10 +1,14 @@
import React from 'react';
import './PhonoChangeApplier.scss';
+import ProtoLang from './components/ProtoLang';
+
const PhonoChangeApplier = () => {
- return (<>
-
- >);
+ return (
+
+ );
}
export default PhonoChangeApplier;
\ No newline at end of file
diff --git a/src/PhonoChangeApplier.test.js b/src/PhonoChangeApplier.test.js
new file mode 100644
index 0000000..894c409
--- /dev/null
+++ b/src/PhonoChangeApplier.test.js
@@ -0,0 +1,21 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import App from './App';
+import PhonoChangeApplier from './PhonoChangeApplier';
+import renderer from 'react-test-renderer';
+import { exportAllDeclaration } from '@babel/types';
+import {render} from '@testing-library/react';
+import extendExpect from '@testing-library/jest-dom/extend-expect'
+
+it('renders PhonoChangeApplier without crashing', () => {
+ const div = document.createElement('div');
+ ReactDOM.render(, div);
+ ReactDOM.unmountComponentAtNode(div);
+});
+
+describe('App', () => {
+ it('renders Proto Language Lexicon', () => {
+ const { getByTestId } = render();
+ expect(getByTestId('PhonoChangeApplier')).toHaveTextContent('Proto Language Lexicon');
+ })
+})
\ No newline at end of file
diff --git a/src/components/ProtoLang.js b/src/components/ProtoLang.js
index cb935aa..74bec72 100644
--- a/src/components/ProtoLang.js
+++ b/src/components/ProtoLang.js
@@ -2,9 +2,11 @@ import React from 'react';
import './ProtoLang.scss';
const ProtoLang = () => {
- return (<>
-
- >);
+ return (
+
+
Proto Language Lexicon
+
+ );
}
export default ProtoLang;
\ No newline at end of file
diff --git a/src/components/ProtoLang.test.js b/src/components/ProtoLang.test.js
index 8dca810..e532ebb 100644
--- a/src/components/ProtoLang.test.js
+++ b/src/components/ProtoLang.test.js
@@ -6,7 +6,7 @@ import { exportAllDeclaration } from '@babel/types';
import {render} from '@testing-library/react';
import extendExpect from '@testing-library/jest-dom/extend-expect'
-it('renders without crashing', () => {
+it('renders ProtoLang without crashing', () => {
const div = document.createElement('div');
ReactDOM.render(, div);
ReactDOM.unmountComponentAtNode(div);