react-crossroads/integration-test/location-store/hash-location-store-tests.coffee

Client side router for web applications built with React and utilizing the Flux architecture. The backing routing engine is CrossroadsJs.

{sendText, assertUrl, getCurrentUrlAndPath, checkHistory, forward, push, replace, goback} = require '../location-helpers'

describe 'hash location store', ->
  hashRoot = "#{root}hash-location-store-app"
  hashUrlPrefix = "#{hashRoot}#"

  beforeEach ->
    driver.get hashRoot

  it 'the default path is /', ->
    expect('.current-path').dom.to.have.text '/'
      .then -> driver.getCurrentUrl()
      .then (url) -> url.should.equal "#{hashUrlPrefix}/"

  it 'push to /test', ->
    expect('.current-path').dom.to.have.text '/'
      .then -> push '/test', hashUrlPrefix

  it 'replace to /test', ->
    expect('.current-path').dom.to.have.text '/'
      .then -> replace '/test', hashUrlPrefix

  it 'go back to /', ->
    path = '/test'
    url = "#{hashUrlPrefix}#{path}"

    expect('.current-path').dom.to.have.text '/'
      .then -> driver.get url
      .then -> assertUrl path, url
      .then -> goback '/', "#{hashUrlPrefix}/"

  it 'quick navigation', ->
    expect('.current-path').dom.to.have.text '/'
      .then -> driver.findElement(webdriver.By.id('quick1')).click()
      .then -> driver.findElement(webdriver.By.id('quick2')).click()
      .then -> driver.findElement(webdriver.By.id('quick3')).click()
      .then -> driver.findElement(webdriver.By.id('goback')).click()
      .then -> driver.findElement(webdriver.By.id('quick4')).click()
      .then -> driver.findElement(webdriver.By.id('quick5')).click()
      .then -> driver.findElement(webdriver.By.id('goback')).click()
      .then -> driver.findElement(webdriver.By.id('goback')).click()
      .then -> assertUrl '/quick2', "#{hashUrlPrefix}/quick2"

  it 'navigate to current route does not prevent follow on navigation', ->
    expect('.current-path').dom.to.have.text '/'
      .then -> driver.findElement(webdriver.By.id('quick1')).click()
      .then -> driver.findElement(webdriver.By.id('quick1')).click()
      .then -> driver.findElement(webdriver.By.id('quick2')).click()
      .then -> assertUrl '/quick2', "#{hashUrlPrefix}/quick2"

  it 'queues up async location changes', ->
    assertAsyncUrl = (index) ->
      return if index == 0

      assertUrl "/asyncTransitions#{index}", "#{hashUrlPrefix}/asyncTransitions#{index}"
        .then -> driver.navigate().back()
        .then -> assertAsyncUrl(index - 1)

    expect('.current-path').dom.to.have.text '/'
      .then -> driver.findElement(webdriver.By.id('asyncTransitions')).click()
      .then -> assertAsyncUrl 6
      .then -> assertUrl '/', "#{hashUrlPrefix}/"

  it 'redirects from redirect to redirected', ->
    expect('.current-path').dom.to.have.text '/'
      .then -> driver.findElement(webdriver.By.id('redirect')).click()
      .then -> assertUrl '/redirected', "#{hashUrlPrefix}/redirected"
      .then -> driver.findElement(webdriver.By.id('goback')).click()
      .then -> assertUrl '/', "#{hashUrlPrefix}/"