常連

注目の的

社会貢献

質問力

自己紹介

## testcafeを使ってwebサイトの自動テストをしています。
### 環境
- testcafe 1.0.0
- circleci 2.0.0

以下は、全角スペースのみを入力した際に表示されるエラーメッセージの文言を確認するテストです。

```
test('Appear the error message that push notification campaign name form is not accept double-byte space', async t => {
    await t
        .useRole(Admin)
        .navigateTo('https://staging-app.yyyy.com/apps/xxxxx/push_notifications/new')
        .typeText('#push_notification_name', '　')
        .click('input.button.button-primary')
        .expect(Selector('.message').textContent).match(/\Campaign Name can't be blank./);
});
```

localでtestcafeを`testcafe chrome *filepath*`で実行すると何度実行してもpassします。しかし、githubからcircleciを通すと落ちることがしばしばあります。

落ちた際のエラーメッセージは
```
1) AssertionError: expected 'Approx. displayable characters: 80-160
      characters' to match /\Campaign Name can't be blank./

      Browser: Chrome 60.0.3112 / Linux 0.0.0

         56 |    await t
         57 |        .useRole(Admin)
         58 |

   .navigateTo('https://staging-app.sssss.com/apps/xxxxxxx/push_notifications/new')
         59 |        .typeText('#push_notification_name', '　')
         60 |        .click('input.button.button-primary')
       > 61 |
      .expect(Selector('.message').textContent).match(/\Campaign Name can't
      be blank./);
         62 |});
         63 |
         64 |test('Push notification campaign name form is accept char
      length of 0 <  name < 256 ', async t => {
         65 |    const uuid = uuidv4();
         66 |    await t

         at match

   (/home/circleci/repo/tests/fixtures/marketing/push_notification/push_ui_spec/push_ui_spec.js:61:49)
         at test

   (/home/circleci/repo/tests/fixtures/marketing/push_notification/push_ui_spec/push_ui_spec.js:55:1)
         at markeredfn

   (/home/circleci/repo/node_modules/testcafe/src/api/wrap-test-function.js:17:28)
         at <anonymous>

   (/home/circleci/repo/node_modules/testcafe/src/api/wrap-test-function.js:7:5)
         at fn

   (/home/circleci/repo/node_modules/testcafe/src/test-run/index.js:240:19)
         at TestRun._executeTestFn

   (/home/circleci/repo/node_modules/testcafe/src/test-run/index.js:236:38)
         at _executeTestFn
      (/home/circleci/repo/node_modules/testcafe/src/test-run/index.js:289:24)

```
原因がわからず、どなたかご教示いただけないでしょうか。よろしくお願いします。

testcafeで成功するテストがcircleciで落ちることがある

react-routerを利用し、**http://.../detail/:id**にアクセスすると、
指定したIDが画面に表示される処理を作成しています。
IDを指定して詳細画面を表示するイメージです。

EX:
http://.../detail/1 <- ID::1の詳細情報を表示
http://.../detail/36 <- ID::36の詳細情報を表示

ボタン押下時に指定したID情報をDetailコンポーネントに渡し、
画面に表示するところまでは動作しているのですが、
URL直打ち、あるいはブラウザのリロードを行うと、404エラーになってしまいます。
原因や改善方法がお分かりの方がいらっしゃれば、ご教授をお願いいたします。

完全なソースは下記となります。

```javascript
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { IndexRoute, Link, Router, Route, browserHistory, hashHistory } from 'react-router';

class Container extends Component {
  render() {
    return (
      <section id="container">
        <SideMenu />
        <Main component={this.props.children}/>
      </section>
    )
  }
}

class SideMenu extends Component {
  style() {
    return ({
      listStyle: 'none'
    })
  }
  render() {
    return (
      <section id="side-menu">
        <ul className="main-nav" style={this.style()}>
          <li><Link to="/">index</Link></li>
          <li><Link to="/A">A</Link></li>
          <li><Link to="/B">B</Link></li>
          <li><Link to="/ADD/1">ADD</Link></li>
        </ul>
      </section>
    );
  }
}

class Main extends Component {
  render() {
    return (
      <section id="main">
        { this.props.component }
      </section>
    );
  }
}

class PageA extends Component {
  render() {
    return (<div>A</div>);
  }
}

class PageB extends Component {
  render() {
    return (<div>B</div>);
  }
}

class ADD extends Component {
  render() {
    return (
      <div>
        <div>ADD</div>
        <div>{ this.props.params.id }</div>
      </div>
    );
  }
}

ReactDOM.render((
  <Router history={browserHistory}>
    <Route path="/" component={Container}>
      <Route path="/A" component={PageA} />
      <Route path="/B" component={PageB} />
      <Route path="/ADD/:id" component={ADD} />
    </Route>
  </Router>
), document.querySelector('#wrapper'));
```

react-routerでURLパラメータを指定した際、URL直打ちだと404になります

タイトルの通りですがCakePHP3でPHPunitを使用して自動テストを書いていますがSessionが保持出来ず困っております。

###コード

OrderControllerTest.php
```
public function testSessionKeep()
{
 $this->get('/orders/index');  

 $this->assertSession('on', 'works'); //ここは成功します。

 $this->get('/orders/index');

 //この時点でSessionが引き継がれていない。
 $this->assertSession('off', 'works'); //ここで失敗。
}
```

OrdersController.php
```
public function index()
{
  if (empty($this->request->session()->read('works'))) {
    $this->request->session()->write('works', 'on');
  } else {
    $this->request->session()->write('works', 'off');
  }
}
```
単純にSessionの「works」という値をon/offするだけのコードです。


下記コマンドをターミナルに流してテストを実行すると2つ目のassertで失敗します。
```
vendor/bin/phpunit --filter testSessionKeep tests/TestCase/Controller/OrdersControllerTest.php
```

Sessionの特性上(＝ブラウザのCOOKIEでID管理している)これは不可能な事なのでしょうか？
どなたかお分かりになる方いらっしゃいましたらアドバイス頂けますと幸いです。