cookieの値がブラウザリロードの度に書き換わってしまう

Question

ABテストを実装するにあたりブラウザに来訪した際cookieのKEYTestABにランダムにAorBを与え出し分けをしたいと考えています。
JavaScriptでcookieを使う想定をしていますが保持時間をすぎていないのにブラウザをリロードする度にTestABの値が書き換わってしまいます。こちらは何故なのでしょうか？
node.jsでローカルサーバを立ち上げ確認しております。

var rand = Math.floor(Math.random() * 2);
if (rand) {
  var ab = 'A';
} else {
  var ab = 'B';
}
var limit = '100'; //cookie保持時間

document.cookie = "TestAB=" + ab + ";path=/;max-age=" + limit;

// 確認
console.log(rand);
console.log(document.cookie);

追記

「cookieがあったときの処理」を考慮していなかったため毎回リロードの度にcookieが上書きされていたのでページ読み込み時に毎度indeOf()でTestABをcookieが所持しているかの確認を行うことにしたがなぜか毎回返り値に-1が返ってきてしまう。

(function () {
  var cookie = document.cookie;
  var keystr = "TestAB=";
  var matchPos = cookie.indexOf(keystr);

  // 確認
  console.log("-1 はcookie,TestABを持っていない: " + matchPos);
  
  if (matchPos == -1) {
    var rand = Math.floor(Math.random() * 2);
    if (rand) {
      var ab = "A";
    } else {
      var ab = "B";
    }
    var limit = "100"; //cookie保持時間

    cookie = "TestAB=" + ab + ";path=/;max-age=" + limit;
  }

  // 確認
  console.log(rand);
  console.log(cookie);
}());

Answer 1

提示のコードだけだとすれば、cookieを読み込んで「cookieがあったときの処理」を確認している場所が有りません。どんな値が有っても無くてもとりあえず上書きしています。

Comments

[span]

ご回答ありがとうございますいただいた回答を元にページ読み込み時にindexOfで`TestAB`があるか確認し無い場合はcookieを設定するような処理にしたのですが上手くいただいたどおりに動作しません...
こちらはそもそもの考え方が間違っているのでしょうか？
理解が及ばず申し訳ないのですがご教授いただけると幸いです。
```
(function () {
var cookie = document.cookie;
var keystr = "TestAB=";
var matchPos = cookie.indexOf(keystr);

// 確認
console.log("-1 はcookie,TestABを持っていない: " + matchPos);

if (matchPos == -1) {
var rand = Math.floor(Math.random() * 2);
if (rand) {
var ab = "A";
} else {
var ab = "B";
}
var limit = "100"; //cookie保持時間

cookie = "TestAB=" + ab + ";path=/;max-age=" + limit;
}

// 確認
console.log(rand);
console.log(cookie);
}());
```

[kei344]

document.cookie = "TestAB=" + ab + ";path=/;max-age=" + limit;
としないとクッキーには登録されません。

[span]

なるほど・・！そうだったのですね！書き換えてみたところ意図した動きになりました！ご回答ありがとうございました！