oxaliq/feature-change-applier
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix Features test, clear Features cruft

Browse source
This commit is contained in:
Sorrel Bri 2019-12-18 15:51:41 -08:00
parent 5d98f91b0f
commit 9a8563ebd7
2 changed files with 10 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
src/components/Features.js
View file

@ -29,39 +29,6 @@ const parsePhonesFromFeatureObject = featureObject => {
}
const featureMap = getFeatureMap(featureObject);
console.log(featureMap)
const featureMapJSX = getFeatureMapJSX(featureMap);
return featureMapJSX;
}
const parseFeaturesFromPhonemeObject = phonesObject => {
const getFeatureMap = (phonesObject) => {
return Object.keys(phonesObject).reduce((featureObject, phoneName) => {
let phone = phonesObject[phoneName];
Object.keys(phone.features).forEach(feature => {
if (!featureObject[feature]) featureObject[feature] = {plus: [], minus: []}
if (phone.features[feature]) featureObject[feature].plus.push(phone.grapheme)
else featureObject[feature].minus.push(phone.grapheme)
});
return featureObject;
}, {})
}
const getFeatureMapJSX = (featureMap) => {
return Object.keys(featureMap).map(feature => {
const plusPhones = featureMap[feature].plus.join('|');
const minusPhones = featureMap[feature].minus.join('|');
return (
<li key={`feature__${feature}`}>
<span className="plus-phones">{`[+ ${feature}] = ${plusPhones}`}</span>
<span className="minus-phones">{`[- ${feature}] = ${minusPhones}`}</span>
</li>
)
});
}
const featureMap = getFeatureMap(phonesObject);
const featureMapJSX = getFeatureMapJSX(featureMap);
return featureMapJSX;
}

15
src/components/Features.test.js
View file

@ -20,11 +20,16 @@ describe('Features', () => {
});
it('renders features from phonemes hook', () => {
const { getByTestId } = render(<Features phones={
{n:{
grapheme: 'n',
features: { nasal: true, occlusive: true, vowel: false } }}
}/>);
const nPhone = {n:{
grapheme: 'n',
features: { nasal: true, occlusive: true, vowel: false } }}
const { getByTestId } = render(<Features phones={{nPhone}}
features={{
nasal: {positive: [nPhone.n], negative: []},
occlusive:{ positive: [nPhone.n], negative:[]},
vowel:{positive: [], negative: [nPhone.n]}
}}
/>);
expect(getByTestId('Features-list'))
.toContainHTML('<ul class="Features__list" data-testid="Features-list"><li><span class="plus-phones">[+ nasal] = n</span><span class="minus-phones">[- nasal] = </span></li><li><span class="plus-phones">[+ occlusive] = n</span><span class="minus-phones">[- occlusive] = </span></li><li><span class="plus-phones">[+ vowel] = </span><span class="minus-phones">[- vowel] = n</span></li></ul>');