[Beta] Solution doesn't pass for challenge "React: Use Advanced JavaScript in React Render Method"

Challenge Name

https://beta.freecodecamp.org/en/challenges/react/use-advanced-javascript-in-react-render-method

Issue Description

Correct solution doesn’t pass. Maybe I am missing something but code does exactly what is asked in challenge description but last test doesn’t pass. “When text is entered into the input element and the button is clicked, the MagicEightBall component should return a p element that contains a random element from the possibleAnswers array.” - this test appears failed.

Browser Information

• Browser Name, Version: Chrome, Version 64.0.3282.140 (Official Build) (64-bit)
• Operating System: Windows 10
• Mobile, Desktop, or Tablet: Desktop

Your Code

const inputStyle = {
	width: 235,
	margin: 5
}

class MagicEightBall extends React.Component {
	constructor(props) {
		super(props);
		this.state = {
			userInput: '',
			randomIndex: ''
		}
		this.ask = this.ask.bind(this);
		this.handleChange = this.handleChange.bind(this);
	}
	ask() {
		if (this.state.userInput) {
			this.setState({
				randomIndex: Math.floor(Math.random() * 20),
				userInput: ''
			});
		}
	}
	handleChange(event) {
		this.setState({
			userInput: event.target.value
		});
	}
	render() {
		const possibleAnswers = [
			"It is certain", "It is decidedly so", "Without a doubt",
			"Yes, definitely", "You may rely on it", "As I see it, yes",
			"Outlook good", "Yes", "Signs point to yes", "Reply hazy try again",
			"Ask again later", "Better not tell you now", "Cannot predict now",
			"Concentrate and ask again", "Don't count on it", "My reply is no",
			"My sources say no", "Outlook not so good","Very doubtful", "Most likely"
		];
		const answer = possibleAnswers[this.state.randomIndex];
		return (
			<div>
				<input
					type="text"
					value={this.state.userInput}
					onChange={this.handleChange}
					style={inputStyle} /><br />
				<button onClick={this.ask}>Ask the Magic Eight Ball!</button><br />
				<h3>Answer:</h3>
				<p>
					{answer}
				</p>
			</div>
		);
	}
};

Screenshot

[ajhernandez95]

Still a bug on main site. Its keeping me from passing this exercise.

[moT01]

I’m not sure what’s happening here, I tried taking a closer look at the last test (the one that always fails). And when logging the info used in the assert, it looks like it should pass…

The two conditions in the assert are true, and it still fails.

The test is complex and difficult to pinpoint what the problem is, or why it only seems to be failing in safari. By lowering the timeout at the beginning of the test from 250ms to 50ms it will pass some of the time, but still fail sometimes as well. I don’t know, that’s where I’m at.