From 63ec56e458368445ea30b9436b1d5cdab4f990dd Mon Sep 17 00:00:00 2001
From: Sorrel Bri <sorrel.bri.june@gmail.com>
Date: Fri, 29 Nov 2019 21:48:37 -0800
Subject: [PATCH] add options form, patch sound change autofill no deletion bug

---
 src/PhonoChangeApplier.js          |  2 ++
 src/components/Features.test.js    |  1 -
 src/components/Options.js          | 41 +++++++++++++++++++++++++++---
 src/components/Options.test.js     | 22 ++++++++++++++++
 src/components/SoundChangeSuite.js |  2 +-
 5 files changed, 62 insertions(+), 6 deletions(-)
 create mode 100644 src/components/Options.test.js

diff --git a/src/PhonoChangeApplier.js b/src/PhonoChangeApplier.js
index d66e25d..0f0edde 100644
--- a/src/PhonoChangeApplier.js
+++ b/src/PhonoChangeApplier.js
@@ -4,6 +4,7 @@ import './PhonoChangeApplier.scss';
 import ProtoLang from './components/ProtoLang';
 import Features from './components/Features';
 import Epochs from './components/Epochs';
+import Options from './components/Options';
 
 const PhonoChangeApplier = () => {
   const [ lexicon, setLexicon ] = useState(['one']);
@@ -17,6 +18,7 @@ const PhonoChangeApplier = () => {
       <ProtoLang lexicon={lexicon} setLexicon={setLexicon}/>
       <Features phonemes={phonemes} setPhonemes={setPhonemes}/>
       <Epochs epochs={epochs} setEpochs={setEpochs}/>
+      <Options />
     </div>
   );
 }
diff --git a/src/components/Features.test.js b/src/components/Features.test.js
index 41723b5..58c681c 100644
--- a/src/components/Features.test.js
+++ b/src/components/Features.test.js
@@ -2,7 +2,6 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import Features from './Features';
 import renderer from 'react-test-renderer';
-import { exportAllDeclaration } from '@babel/types';
 import {render, fireEvent} from '@testing-library/react';
 import extendExpect from '@testing-library/jest-dom/extend-expect'
 
diff --git a/src/components/Options.js b/src/components/Options.js
index 71892f4..d96c202 100644
--- a/src/components/Options.js
+++ b/src/components/Options.js
@@ -1,10 +1,43 @@
 import React from 'react';
 import './Options.scss';
 
-const Options = () => {
-  return (<>
-  
-  </>);
+const Options = props => {
+  return (
+    <div className="Options" data-testid="Options">
+      <h3>Modeling Options</h3>
+      <form onSubmit={()=>{}}>
+        
+        {/* <h5>Output</h5> */}
+
+        <input 
+          type="radio" name="output" id="output-default" defaultChecked
+        />
+        <label htmlFor="output-default">Default 
+          <span className="Options__output-example"> output</span>
+        </label>
+        
+        <input 
+          type="radio" name="output" id="output-proto" 
+        />
+        <label htmlFor="output-proto">Proto 
+          <span className="Options__output-example"> output [proto]</span>
+        </label>
+        
+        <input 
+          type="radio" name="output" id="output-diachronic" 
+        /><label htmlFor="output-diachronic">Diachronic 
+            <span className="Options__output-example"> *proto > *epoch > output</span>
+          </label>
+        
+        <input 
+          type="checkbox" name="save" 
+        />
+          <label htmlFor="save">Store session on Run</label>
+        
+        <input type="submit"></input>
+      </form>
+    </div>
+  );
 }
 
 export default Options;
\ No newline at end of file
diff --git a/src/components/Options.test.js b/src/components/Options.test.js
new file mode 100644
index 0000000..dd91e5f
--- /dev/null
+++ b/src/components/Options.test.js
@@ -0,0 +1,22 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import Options from './Options';
+import renderer from 'react-test-renderer';
+import {render, fireEvent} from '@testing-library/react';
+import extendExpect from '@testing-library/jest-dom/extend-expect'
+
+it('renders Options without crashing', () => {
+  const div = document.createElement('div');
+  ReactDOM.render(<Options />, div);
+  ReactDOM.unmountComponentAtNode(div);
+});
+
+
+
+describe('Options', () => {
+  it('renders the correct subtitle', () => {
+    const { getByTestId } = render(<Options />);
+    expect(getByTestId('Options')).toHaveTextContent('Modeling Options');
+  });
+
+});
\ No newline at end of file
diff --git a/src/components/SoundChangeSuite.js b/src/components/SoundChangeSuite.js
index 204f926..279b542 100644
--- a/src/components/SoundChangeSuite.js
+++ b/src/components/SoundChangeSuite.js
@@ -11,7 +11,7 @@ const SoundChangeSuite = props => {
         <textarea name="epoch" id="" cols="30" rows="1" value={epoch.name} onChange={e=>setEpoch({...epoch, name:e.target.value})} ></textarea>
         <textarea name="changes" id="" cols="30" rows="10" 
           value={epoch.changes.join('\n')} 
-          onChange={e=>setEpoch({...epoch, changes:e.target.value.split(/\n/).map(change=>change === '' ? '[+ feature]>[- feature]/_#' : change)})}
+          onChange={e=>setEpoch({...epoch, changes:e.target.value.split(/\n/).map(change=>change === ' ' ? '[+ feature]>[- feature]/_#' : change)})}
         ></textarea>
       </form>
       <form onSubmit={e=>props.removeEpoch(e, epoch.name)}>