All files / components/Nav AppNavbarLocalhost.js

100% Statements 1/1
100% Branches 0/0
100% Functions 1/1
100% Lines 1/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36      3x                                                                
import { Container, Nav, Navbar } from "react-bootstrap";
 
export default function AppNavbarLocalhost({ url }) {
  return (
    <>
      <Navbar
        expand="sm"
        bg="warning"
        sticky="top"
        data-testid="AppNavbarLocalhost"
      >
        <Container>
          <Navbar.Brand href="http://localhost:8080">Warning</Navbar.Brand>
 
          <Navbar.Toggle />
 
          <Navbar.Collapse className="justify-content-between">
            <Nav className="mr-auto text-center">
              <Nav.Item className="text-center">
                <p data-testid="AppNavbarLocalhost-message1">
                  Running on <code>{url}</code> with no backend.
                </p>
                <p data-testid="AppNavbarLocalhost-message2">
                  You probably want{" "}
                  <a href="http://localhost:8080">http://localhost:8080</a>{" "}
                  instead.
                </p>
              </Nav.Item>
            </Nav>
          </Navbar.Collapse>
        </Container>
      </Navbar>
    </>
  );
}