なんだかGoodVibes

日々の勉強メモです。

2022-05-01から1ヶ月間の記事一覧

【Vue】入門編(slotを使用したコンテンツの差し込み)

こんにちは。 本日はVueメモです。 概要 slot 名前付きslot 概要 用意したコンポーネントに親側からコンテンツを差し込めるようにする。 このとき使用するのがslotと呼ばれるもの。 本記事では、slotと名前付きslotについて記載します。 slot まずはサンプル…

【Cypress】取得した要素にエイリアスを設定する(as)

こんにちは。 本日はCypressメモです。 概要 テンプレート Cypress 概要 取得した要素をあとでも使用したい。 でも、同じコードを書くのは嫌。。。 as()を使用することでエイリアスを設定して あとから使用できるとのことなので 試してみる。 テンプレート <body> <div style="text-align:center;"> <h1></h1></div></body>…

【Cypress】andを使用して複数のチェックを行う

こんにちは。 本日はCypressメモです。 概要 テンプレート Cypress 概要 連続でチェックを行うとき、 shouldの代わりにandを使用できるようなので 試してみる。 テンプレート <body> <div style="text-align:center;"> <div class='text-area'> <input id="txt1" type="text" class="text-class" maxlength="10" value="HELLO"> </div> </div> </body> Cypress 以下のチェックを行う。 表示であること(非表示でないこと) …

【Cypress】コントロールのクリックと入力(click, type)

こんにちは。 本日はCypressについてのメモです。 概要 使用する画面テンプレート cypressの内容 概要 画面コントロールのの操作(クリック)を 行った上でチェックを行うことと、 テキストボックスヘの入力を行いたい。 操作と状態は以下に記載。 チェック…

【Cypress】色々なコントロールの状態チェック(should, and)

こんにちは。 本日はCypressについてのメモです。 概要 画面コントロールの初期状態のチェックを行いたい。 チェックの内容は以下。 コントロール id 初期状態 valueの設定 チェックボックス1 chk1 チェックあり 1 チェックボックス2 chk2 チェックなし 2 ラ…