audioMessage test ve audioMessage props düzenlemesi

Author: emregudur

src/AudioMessage/AudioMessage.js

@@ -11,7 +11,6 @@ export default class AudioMessage extends React.PureComponent {
                     Your browser does not support the audio element.
                 </audio>
                 {
-                    this.props.showText === true &&
                     this.props.text &&
                     <div className='rce-mbox-text'>
                         {this.props.text}
@@ -25,5 +24,4 @@ export default class AudioMessage extends React.PureComponent {
 AudioMessage.defaultProps = {
     audioURL: null,
     download: false,
-    showText: false,
 };

src/AudioMessage/__tests__/AudioMessage.js

@@ -0,0 +1,12 @@
+import React, { Component } from 'react';
+import { shallow } from 'enzyme';
+import toJson from 'enzyme-to-json';
+import AudioMessage from '../AudioMessage';
+
+describe('AudioMessage component', () => {
+  it('should render without issues', () => {
+    const component = shallow(<AudioMessage />);
+    expect(component.length).toBe(1);
+    expect(toJson(component)).toMatchSnapshot();
+  });
+});

src/AudioMessage/__tests__/__snapshots__/AudioMessage.js.snap

@@ -0,0 +1,18 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AudioMessage component should render without issues 1`] = `
+<div
+  className="rce-mbox-audio"
+>
+  <audio
+    controls={true}
+    controlsList="nodownload"
+  >
+    <source
+      src={null}
+      type="audio/mp3"
+    />
+    Your browser does not support the audio element.
+  </audio>
+</div>
+`;