Skip to content
This repository has been archived by the owner on May 9, 2021. It is now read-only.

Commit

Permalink
Rewrited tests with new 'data-test-id'
Browse files Browse the repository at this point in the history
  • Loading branch information
@dyuvzhenko
dyuvzhenko committed Oct 26, 2017
1 parent 199d25a commit 55aedc2
Show file tree
Hide file tree
Showing 4 changed files with 32 additions and 32 deletions.
4 changes: 2 additions & 2 deletions app/components/NotFound.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,8 @@ class NotFound extends Component {
render () {
return (
<article>
<h1 test-id="NotFound.headind"><FormattedMessage id="NotFound.main_text" /></h1>
<Link test-id="NotFound.back_link" to='/' className='btn'><FormattedMessage id="NotFound.go_home" /></Link>
<h1 data-test-id="heading"><FormattedMessage id="NotFound.main_text" /></h1>
<Link data-test-id="back_link" to='/' className='btn'><FormattedMessage id="NotFound.go_home" /></Link>
</article>
)
}
Expand Down
12 changes: 6 additions & 6 deletions app/components/TranslatorPage.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,15 +24,15 @@ class TranslatorPage extends Component {
const translatorLang = languages && languages.find(elem => elem.id === translator.language)
return (
<div>
<h3>{translator.name}</h3>
<h4><FormattedMessage
<h3 data-test-id="name">{translator.name}</h3>
<h4 data-test-id="language"><FormattedMessage
id="TranslatorPage.translations_language"
values={{translatorLanguage: translatorLang ? translatorLang['name_' + lang.get(userLanguage)] : ''}}
/></h4>
<pre>{translator.description}</pre>
<pre data-test-id="description">{translator.description}</pre>
{
userData && userData.role === 'admin' &&
<Link className="btn btn-default" to={`/translator/${translatorId}/edit`}>
<Link data-test-id="changeUser" className="btn btn-default" to={`/translator/${translatorId}/edit`}>
<FormattedMessage id="TranslatorPage.button_edit" />
</Link>
}
Expand All @@ -43,10 +43,10 @@ class TranslatorPage extends Component {
render () {
const {translatorInfo} = this.props
let content = translatorInfo.pending ? (
<h3><FormattedMessage id="TranslatorPage.loading_text" /></h3>
<h3 data-test-id="pending"><FormattedMessage id="TranslatorPage.loading_text" /></h3>
) : (
translatorInfo.error ? (
<h3>{translatorInfo.error.message}</h3>
<h3 data-test-id="error">{translatorInfo.error.message}</h3>
) :
this.getTranslatorContent(translatorInfo.data)
)
Expand Down
6 changes: 3 additions & 3 deletions test/frontend/components/NotFound.spec.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,8 +12,8 @@ describe('Testing NotFound Component.', () => {
const wrapper = setupComponent(NotFound);

expect(wrapper.find('article')).to.exist;
expect(wrapper.find('h1[test-id="NotFound.headind"]').text()).equal(i18n['NotFound.main_text']);
expect(wrapper.find('a[test-id="NotFound.back_link"]').text()).equal(i18n['NotFound.go_home']);
expect(wrapper.find('a[test-id="NotFound.back_link"]').hasClass('btn')).equal(true);
expect(wrapper.find('[data-test-id="heading"]').text()).equal(i18n['NotFound.main_text']);
expect(wrapper.find('a[data-test-id="back_link"]').text()).equal(i18n['NotFound.go_home']);
expect(wrapper.find('a[data-test-id="back_link"]').hasClass('btn')).equal(true);
});
});
42 changes: 21 additions & 21 deletions test/frontend/components/TranslatorPage.spec.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,16 +48,16 @@ describe('Testing TranslatorPage Component.', () => {
expectedLangDescription += languages.find(e => e.id === defaultLang)['name_' + defaultLang];

expect(wrapper.find('div')).to.exist;
expect(wrapper.find('h3').text()).equal(translator.name);
expect(wrapper.find('h4').text()).equal(expectedLangDescription);
expect(wrapper.find('pre').text()).equal(translator.description);
expect(wrapper.find('[data-test-id="name"]').text()).equal(translator.name);
expect(wrapper.find('[data-test-id="language"]').text()).equal(expectedLangDescription);
expect(wrapper.find('[data-test-id="description"]').text()).equal(translator.description);

// it's hidden admin panel - should not be shown
expect(wrapper.find('a').length).equal(0);
expect(wrapper.find('[data-test-id="changeUser"]').length).equal(0);
// it's loading message - should not be shown
expect(wrapper.find('h3').text()).to.not.equal(i18n['TranslatorPage.loading_text']);
expect(wrapper.find('[data-test-id="pending"]').length).equal(0);
// it's error message - should not be shown
expect(wrapper.find('h3').text()).to.not.equal(errorMessage);
expect(wrapper.find('[data-test-id="error"]').length).equal(0);
});

it('should show component with waiting for data', () => {
Expand Down Expand Up @@ -87,14 +87,14 @@ describe('Testing TranslatorPage Component.', () => {
const wrapper = setupComponent(TranslatorPage, _initialState, props);

expect(wrapper.find('div')).to.exist;
expect(wrapper.find('h3').text()).equal(i18n['TranslatorPage.loading_text']);
expect(wrapper.find('[data-test-id="pending"]').text()).equal(i18n['TranslatorPage.loading_text']);

// it's hidden admin panel - should not be shown
expect(wrapper.find('a').length).equal(0);
expect(wrapper.find('[data-test-id="changeUser"]').length).equal(0);
// it's error message - should not be shown
expect(wrapper.find('h3').text()).to.not.equal(errorMessage);
expect(wrapper.find('[data-test-id="error"]').length).equal(0);
// it's translator data - should not be shown
expect(wrapper.find('pre').length).equal(0);
expect(wrapper.find('[data-test-id="description"]').length).equal(0);
});

it('should show component with error', () => {
Expand Down Expand Up @@ -131,11 +131,11 @@ describe('Testing TranslatorPage Component.', () => {
expect(wrapper.find('h3').text()).equal(errorMessage);

// it's hidden admin panel - should not be shown
expect(wrapper.find('a').length).equal(0);
expect(wrapper.find('[data-test-id="changeUser"]').length).equal(0);
// it's loading message - should not be shown
expect(wrapper.find('h3').text()).to.not.equal(i18n['TranslatorPage.loading_text']);
expect(wrapper.find('[data-test-id="pending"]').length).equal(0);
// it's translator data - should not be shown
expect(wrapper.find('pre').length).equal(0);
expect(wrapper.find('[data-test-id="description"]').length).equal(0);
});

it('should show component with admin capabilities', () => {
Expand Down Expand Up @@ -181,16 +181,16 @@ describe('Testing TranslatorPage Component.', () => {
expectedLangDescription += languages.find(e => e.id === defaultLang)['name_' + defaultLang];

expect(wrapper.find('div')).to.exist;
expect(wrapper.find('h3').text()).equal(translator.name);
expect(wrapper.find('h4').text()).equal(expectedLangDescription);
expect(wrapper.find('pre').text()).equal(translator.description);
expect(wrapper.find('a').text()).equal(i18n['TranslatorPage.button_edit']);
expect(wrapper.find('a').hasClass('btn')).equal(true);
expect(wrapper.find('a').hasClass('btn-default')).equal(true);
expect(wrapper.find('[data-test-id="name"]').text()).equal(translator.name);
expect(wrapper.find('[data-test-id="language"]').text()).equal(expectedLangDescription);
expect(wrapper.find('[data-test-id="description"]').text()).equal(translator.description);
expect(wrapper.find('a[data-test-id="changeUser"]').text()).equal(i18n['TranslatorPage.button_edit']);
expect(wrapper.find('a[data-test-id="changeUser"]').hasClass('btn')).equal(true);
expect(wrapper.find('a[data-test-id="changeUser"]').hasClass('btn-default')).equal(true);

// it's error message - should not be shown
expect(wrapper.find('h3').text()).to.not.equal(errorMessage);
expect(wrapper.find('[data-test-id="error"]').length).equal(0);
// it's loading message - should not be shown
expect(wrapper.find('h3').text()).to.not.equal(i18n['TranslatorPage.loading_text']);
expect(wrapper.find('[data-test-id="loading"]').length).equal(0);
});
});

0 comments on commit 55aedc2

Please sign in to comment.