那今天我們來聊聊，怎麼透過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，這時可以來做驗證．

我再想一下要捕蝦咪！