feat(apply-csv-entry): update test code

osu-cass · Oct 2, 2018 · 0fba655 · 0fba655
1 parent 04c8cdf
commit 0fba655
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 13 deletions.
diff --git a/src/CsvEntry/CsvEntry.tsx b/src/CsvEntry/CsvEntry.tsx
@@ -41,7 +41,7 @@ export class CsvEntry extends React.Component<CsvEntryProps, CsvEntryState> {
     const helpText: JSX.Element = this.renderHelpText();
     const displayText: JSX.Element = (
       <button
-        className="item-nav-btn btn btn-default btn-sm about-item-btn"
+        className="item-nav-btn btn btn-default btn-sm"
         role="button"
         aria-label="Open help text"
       >
@@ -65,7 +65,7 @@ export class CsvEntry extends React.Component<CsvEntryProps, CsvEntryState> {
     return (
       <span className="csv-button-right">
         <button
-          className="item-nav-btn btn btn-primary btn-sm about-item-btn"
+          className="item-nav-btn btn btn-primary btn-sm csv-apply-button"
           role="button"
           aria-label="Apply text"
           onClick={this.handleCsvApply}

diff --git a/src/CsvEntry/__tests__/CsvEntry.test.tsx b/src/CsvEntry/__tests__/CsvEntry.test.tsx
@@ -25,7 +25,7 @@ const items: ItemRevisionModel[] = [item, item2];
 
 const csvEntryProps: CsvEntryProps = {
   onItemsUpdate: onItemsUpdateMock,
-  onBlur: jest.fn(),
+  onApply: jest.fn(),
   onClick: jest.fn()
 };
 
@@ -49,10 +49,13 @@ describe("CsvEntry", () => {
     expect(wrapper).toMatchSnapshot();
   });
 
-  it("calls handle csv blur", () => {
+  it("calls handle csv apply", () => {
     const wrapperInstance = wrapper.instance() as CsvEntry;
-    wrapper.find(".csv-text-entry").simulate("focus");
-    wrapper.find(".csv-text-entry").simulate("blur");
+    wrapper
+      .find(".csv-text-entry")
+      .simulate("change", {
+        currentTarget: { value: "itemreviewviewer,187,3000,SIW" }
+      });
     expect(wrapper).toMatchSnapshot();
   });
 

diff --git a/src/CsvEntry/__tests__/__snapshots__/CsvEntry.test.tsx.snap b/src/CsvEntry/__tests__/__snapshots__/CsvEntry.test.tsx.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`CsvEntry calls handle csv blur 1`] = `
+exports[`CsvEntry calls handle csv apply 1`] = `
 <div
   className="csv-entry-wrapper"
 >
@@ -14,7 +14,7 @@ exports[`CsvEntry calls handle csv blur 1`] = `
         displayText={
           <button
             aria-label="Open help text"
-            className="item-nav-btn btn btn-default btn-sm about-item-btn"
+            className="item-nav-btn btn btn-default btn-sm"
             role="button"
           >
             <span
@@ -38,7 +38,7 @@ exports[`CsvEntry calls handle csv blur 1`] = `
     >
       <button
         aria-label="Apply text"
-        className="item-nav-btn btn btn-primary btn-sm about-item-btn"
+        className="item-nav-btn btn btn-primary btn-sm csv-apply-button"
         onClick={[Function]}
         role="button"
       >
@@ -53,6 +53,7 @@ exports[`CsvEntry calls handle csv blur 1`] = `
   <textarea
     className="csv-text-entry"
     onChange={[Function]}
+    value="itemreviewviewer,187,3000,SIW"
   />
 </div>
 `;
@@ -71,7 +72,7 @@ exports[`CsvEntry calls handle csv change 1`] = `
         displayText={
           <button
             aria-label="Open help text"
-            className="item-nav-btn btn btn-default btn-sm about-item-btn"
+            className="item-nav-btn btn btn-default btn-sm"
             role="button"
           >
             <span
@@ -95,7 +96,7 @@ exports[`CsvEntry calls handle csv change 1`] = `
     >
       <button
         aria-label="Apply text"
-        className="item-nav-btn btn btn-primary btn-sm about-item-btn"
+        className="item-nav-btn btn btn-primary btn-sm csv-apply-button"
         onClick={[Function]}
         role="button"
       >
@@ -129,7 +130,7 @@ exports[`CsvEntry matches snapshot 1`] = `
         displayText={
           <button
             aria-label="Open help text"
-            className="item-nav-btn btn btn-default btn-sm about-item-btn"
+            className="item-nav-btn btn btn-default btn-sm"
             role="button"
           >
             <span
@@ -153,7 +154,7 @@ exports[`CsvEntry matches snapshot 1`] = `
     >
       <button
         aria-label="Apply text"
-        className="item-nav-btn btn btn-primary btn-sm about-item-btn"
+        className="item-nav-btn btn btn-primary btn-sm csv-apply-button"
         onClick={[Function]}
         role="button"
       >