cucumber-protractor/src/SimplePage.js

POM CukeTractor - Bootstrap your cucumber tests with cucumber, protractor and a structured way of creating page objects and component objects

import React from 'react';
import { Link } from 'react-router-dom';
import './HomePage.css';
import Banner from './Banner';
import Footer from './Footer';

const OtherPage = () => (
  <div id="Simple-Page-Wrapper">
    <Banner />
    <h1 className="main-heading">Simple page</h1>
    <p className="Home-intro">
      <Link to="/" data-test="go-to-home-link">Go to Home page</Link>
    </p>
    <Footer />
  </div>
);

export default OtherPage;