Day 23 来验证一下路由吧

那今天我们来聊聊，怎麽透过cypress来验证url的路径吧，重回昨天的范例，我们想要透过一个按钮，切换到别的page，那react怎麽改变，可能透过history.push又或者是的方式转移到别的页面，那先来个简单范例吧

const routes = () => {
  return (
    <Router>
      <Switch>
        <Route exact path="/">
          <App />
        </Route>
        <Route path="/rooms">
          <Room />
        </Route>
      </Switch>
    </Router>
  );
};

就写两个简单的路径，那我们要换页面怎测试勒

it('can type text and redirect rooms page', () => {
    cy.visit('/')
      .get('[role="account"]')
      .type('123')
      .get('[role="password"]')
      .type('123')
      .get('button')
      .click()
      .url()
      .should('eq', 'http://localhost:3001/rooms');
  });

就是这样简单，我们会在各个栏位打上资料，在模拟Click然後这时候我们可以透过url拿到目前也面url，这时可以来做验证．

我再想一下要捕虾咪！