[explore] refactor slice action button group (#1074)

* pull explore actions button group into component

* use button component

* make sure we render all action buttons

* test that embed code is correct

* don't need before each

* generalize modal trigger for use with plain links or icons

caravel/assets/spec/javascripts/explore/components/DisplayQueryButton_spec.jsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import { expect } from 'chai';
+import { describe, it } from 'mocha';
+
+import DisplayQueryButton from '../../../../javascripts/explore/components/DisplayQueryButton';
+
+describe('DisplayQueryButton', () => {
+  const defaultProps = {
+    slice: {
+      viewSqlQuery: 'sql query string',
+    },
+  };
+
+  it('renders', () => {
+    expect(React.isValidElement(<DisplayQueryButton {...defaultProps} />)).to.equal(true);
+  });
+});

caravel/assets/spec/javascripts/explore/components/EmbedCodeButton_spec.jsx

@@ -0,0 +1,37 @@
+import React from 'react';
+import { expect } from 'chai';
+import { describe, it } from 'mocha';
+import { shallow, mount } from 'enzyme';
+import { OverlayTrigger } from 'react-bootstrap';
+
+import EmbedCodeButton from '../../../../javascripts/explore/components/EmbedCodeButton';
+
+describe('EmbedCodeButton', () => {
+  const defaultProps = {
+    slice: {
+      data: {
+        standalone_endpoint: 'endpoint_url',
+      },
+    },
+  };
+
+  it('renders', () => {
+    expect(React.isValidElement(<EmbedCodeButton {...defaultProps} />)).to.equal(true);
+  });
+
+  it('renders overlay trigger', () => {
+    const wrapper = shallow(<EmbedCodeButton {...defaultProps} />);
+    expect(wrapper.find(OverlayTrigger)).to.have.length(1);
+  });
+
+  it('returns correct embed code', () => {
+    const wrapper = mount(<EmbedCodeButton {...defaultProps} />);
+    wrapper.setState({
+      height: '1000',
+      width: '2000',
+      srcLink: 'http://localhost/endpoint_url',
+    });
+    const embedHTML = `<iframe src="http://localhost/endpoint_url" width="2000" height="1000" seamless frameBorder="0" scrolling="no"></iframe>`;
+    expect(wrapper.instance().generateEmbedHTML()).to.equal(embedHTML);
+  });
+});

caravel/assets/spec/javascripts/explore/components/ExploreActionButtons_spec.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { expect } from 'chai';
+import { describe, it } from 'mocha';
+import { shallow } from 'enzyme';
+
+import ExploreActionButtons from '../../../../javascripts/explore/components/ExploreActionButtons';
+
+describe('ExploreActionButtons', () => {
+  const defaultProps = {
+    canDownload: 'True',
+    slice: {
+      data: {
+        csv_endpoint: '',
+        json_endpoint: '',
+      },
+    },
+  };
+
+  it('renders', () => {
+    expect(
+      React.isValidElement(<ExploreActionButtons {...defaultProps} />)
+    ).to.equal(true);
+  });
+
+  it('should render 5 children/buttons', () => {
+    const wrapper = shallow(<ExploreActionButtons {...defaultProps} />);
+    expect(wrapper.children()).to.have.length(5);
+  });
+});

caravel/assets/spec/javascripts/explore/components/URLShortLinkButton_spec.jsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import { expect } from 'chai';
+import { describe, it } from 'mocha';
+
+import URLShortLinkButton from '../../../../javascripts/explore/components/URLShortLinkButton';
+
+describe('URLShortLinkButton', () => {
+  const defaultProps = {
+    slice: {
+      querystring: () => 'query string',
+    },
+  };
+
+  it('renders', () => {
+    expect(React.isValidElement(<URLShortLinkButton {...defaultProps} />)).to.equal(true);
+  });
+});