playwright-community / playwright-jest-examples / 141271313

import React from 'react';

import logo from './logo.svg';

import './App.css';

  }

  }

  }

    <div className="App">

      <header className="App-header" style={{ backgroundColor }}>

        <img src={logo} className="App-logo" alt="logo" />

        <p>

          Edit <code>src/App.js</code> and save to reload.

        </p>

        <a

          className="App-link"

          href="https://reactjs.org"

          target="_blank"

          rel="noopener noreferrer"

        >

          Learn React

        </a>

        <span>Current color: {backgroundColor}</span>

        <div className="btn-group-colors">

          <button onClick={handleMakeTurquoise}>Turquoise</button>

          <button onClick={handleMakeRed}>Red</button>

          <button onClick={handleMakeYellow}>Yellow</button>

        </div>

      </header>

    </div>

  );

}

export default App;