Skip to content

Commit

Permalink
cleanup enzyme code from KeywordInput test
Browse files Browse the repository at this point in the history
  • Loading branch information
vraja-pro committed Sep 21, 2023
1 parent eb33202 commit ecbf256
Showing 1 changed file with 4 additions and 73 deletions.
Original file line number Diff line number Diff line change
@@ -1,11 +1,8 @@
import React from "react";
import renderer from "react-test-renderer";
import EnzymeAdapter from "enzyme-adapter-react-16";
import Enzyme from "enzyme/build/index";

import KeywordInput from "../components/KeywordInput";

Enzyme.configure( { adapter: new EnzymeAdapter() } );

describe( KeywordInput, () => {
it( "matches the snapshot by default", () => {
Expand All @@ -24,84 +21,18 @@ describe( KeywordInput, () => {
} );

it( "does not display the error message for a single keyword", () => {
const wrapper = Enzyme.mount(
<KeywordInput
id="test-id"
onChange={ ( value ) => {
wrapper.setProps( { keyword: value } );
} }
onRemoveKeyword={ () => {} }
label="test label"
ariaLabel="test"
/>
);
wrapper.find( "input" ).simulate( "change", {
target: {
value: "Keyword",
},
} );
expect( wrapper.find( "li span[role=\"alert\"]" ).length ).toBe( 0 );

} );

it( "does not display the error message for two words separated by whitespace", () => {
const wrapper = Enzyme.mount(
<KeywordInput
id="test-id"
onChange={ ( value ) => {
wrapper.setProps( { keyword: value } );
} }
onRemoveKeyword={ () => {} }
label="test label"
ariaLabel="test"
/>
);
wrapper.find( "input" ).simulate( "change", {
target: {
value: "Keyword1 Keyword2",
},
} );
expect( wrapper.find( "li span[role=\"alert\"]" ).length ).toBe( 0 );

} );

it( "does not displays the error message for comma-separated words", () => {
const wrapper = Enzyme.mount(
<KeywordInput
id="test-id"
onChange={ ( value ) => {
wrapper.setProps( { keyword: value } );
} }
onRemoveKeyword={ () => {} }
label="test label"
ariaLabel="test"
/>
);
wrapper.find( "input" ).simulate( "change", {
target: {
value: "Keyword1, Keyword2",
},
} );
expect( wrapper.find( "li span[role=\"alert\"]" ).length ).toBe( 0 );

} );

it( "does displays the error message if submitted as prop", () => {
const wrapper = Enzyme.mount(
<KeywordInput
id="test-id"
onChange={ ( value ) => {
wrapper.setProps( { keyword: value } );
} }
onRemoveKeyword={ () => {} }
label="test label"
ariaLabel="test"
hasError={ true }
errorMessages={ [ "Testing error message" ] }
/>
);
wrapper.find( "input" ).simulate( "change", {
target: {
value: "Keyword1, Keyword2",
},
} );
expect( wrapper.find( "li span[role=\"alert\"]" ).length ).toBe( 1 );

} );
} );

0 comments on commit ecbf256

Please sign in to comment.