burgwyn

Basic HTML5 Video

A Pen by Nat B on CodePen.

License.

burgwyn

describe('BidListButtonComponent', () => {
  const bidList = [{ position: { id: 1 } }];
  const bidListFalse = [{ position: { id: 2 } }];

  it('can call the toggleSaved function', () => {
    const spy = sinon.spy();
    const wrapper = shallow(
      <BidListButton
        id={1}
        toggleBidPosition={spy}

burgwyn

const shortid = require('shortid');

items.map((item) => {
  return (<ItemComponent key={shortid.generate()} item={item} />);
}); 

burgwyn

items.map((item, index) => {
  return (<ItemComponent key={index} item={item} />);
}); 

burgwyn

import React from 'react';
import { shallow } from 'enzyme';
import toJSON from 'enzyme-to-json';

import StarRating from '../components/StarRating';

describe('StarRating sharedComponent', () => {
    it('should match a snapshot', () => {
        const wrapper = shallow(<StarRating />);
        expect(toJSON(wrapper)).toMatchSnapshot();

burgwyn

# JSX

render() {
    let hiddenClass = '';
    if (this.props.hideArrow) {
        hiddenClass = 'hide';
    }

    return (
        <button className={`filter-toggle ${hiddenClass}`}

burgwyn

<Modal
    isOpen={this.props.isOpen}
    className="wrapper no-select"
    contentLabel="No Content Modal"
    style={{overlay: {"backgroundColor": "transparent"}}}>

burgwyn

 const HelloWorld = ({name}) => (
    <div>{`Hi ${name}`}</div>
);

burgwyn

this.findDelay = typeof this.props.findDelay === 'number' ? this.props.findDelay : 500;
this.options = props.gridOptions;
this.options.columns = this.options.columns ? this.options.columns : [];
this.options.loadCollapsed = this.options.loadCollapsed ? this.options.loadCollapsed : false;
this.options.tableHeight = this.options.tableHeight ? this.options.tableHeight : 500;this.options.rowHeight = this.options.rowHeight ? this.options.rowHeight : 96;
this.defualtColWidth = this.options.columns.length ? `${100 / this.options.columns.length}%` : null;

burgwyn

import propTypes from ‘prop-types’;
const propTypes = {
    findDelay: PropTypes.number,    
    columns: PropTypes.array,
    loadCollapsed: PropTypes.bool,
    tableHeight: PropTypes.number,
    rowHeight: PropTypes.number,
    defaultColWidth: PropTypes.number,
};