text: /* eslint-disable */
  // you can use this component to quickly test one component challenge at a time
  
  import React from 'react';
  import ReactTestComponent from './test-components/ReactTestComponent'
  import ReduxTestComponent from './test-components/ReduxTestComponent'
  
  // INSTRUCTIONS:
  // All you need to do is write a challenge from one of the templates and add its path in the import statement here:
  
  // import React Challenges:
  import * as React_1 from './challenges/react/curriculum/YOUR_CHALLENGE_HERE'
  
  // add a new challenge to this array:
  const challenges = [ { type: 'React', id: 'React_1'} ];
  
  // Change the nested component to React or Redux for which you are testing
  export default class App extends React.Component {
  	constructor(props) {
  		super(props);
      this.state = {
        challenges,
        selectedChallenge: { type: 'React', id: 'React_1' }
      }
      this.select=this.select.bind(this);
  	}
    select(event) {
      const challenge=this.state.challenges.filter( (challenge) => challenge.id === event );
      this.setState({
        selectedChallenge: challenge[0]
      });
    }
    render() {
      const { selectedChallenge }=this.state;
      const challengeType=selectedChallenge.type;
      const challenge=selectedChallenge.id;
      return (
        <div>
  
          {
  
            challengeType === 'React' ?
          
              <ReactTestComponent 
                challengeTitle={eval(challenge).challengeTitle}
                challengeText={eval(challenge).challengeText}
                challengeInstructions={eval(challenge).challengeInstructions} 
                seedCode={eval(challenge).seedCode}
                solutionCode={eval(challenge).solutionCode}
                executeTests={eval(challenge).executeTests}
                liveRender={eval(challenge).liveRender}
                QA={eval(challenge).QA}
                selectedChallenge={challenge}
                challenges={this.state.challenges}
                select={this.select} />
  
            :
            
              <ReduxTestComponent 
                challengeTitle={eval(challenge).challengeTitle}
                challengeText={eval(challenge).challengeText}
                challengeInstructions={eval(challenge).challengeInstructions} 
                seedCode={eval(challenge).seedCode}
                solutionCode={eval(challenge).solutionCode}
                executeTests={eval(challenge).executeTests}
                liveRender={eval(challenge).liveRender}
                QA={eval(challenge).QA}
                selectedChallenge={challenge}
                challenges={this.state.challenges} 
                select={this.select} />
  
          }
  
        </div>
      );
    }
  };