ReactNを露出してCypressから使うができたので、 状態をimmerで更新してCypressでテストしてみる

できた test.js

cy.contains("DEF").should("have.css", "width", "260px");
cy.window()
  .its("movidea")
  .then((movidea) => {
    movidea.updateGlobal((g) => {
      g.itemStore["3"].scale = 3;
    });
  });
cy.contains("DEF").should("have.css", "width", "390px");

image

ところでテストコードはデフォルトのJSなのだが、これだとupdateGlobalのgがanyになってしまう。 補完が効かないからいずれTypoしそうだな…と思ったらさっそくTypoして「位置を更新したのに位置が変わらない、位置の値を描画時に読んでないのか?あれ位置が更新されてないぞ?」とかやってしまった image

つづき CypressのTypeScript化