Testing Library の getByLabelText は 実際にレンダリングされる HTML に完全一致じゃないといけない
https://qiita.com/natsugure/items/bfd47d4260710c6826f6?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #TypeScript #React #TestingLibrary #chakra_ui #Vitest

Testing Library の getByLabelText は 実際にレンダリングされる HTML に完全一致じゃないといけない - Qiita

はじめに Chakra UI でフォームをテストしていたとき、getByLabelText で要素が取得できずにテストが落ちるという問題に詰まりました。 ラベルのテキストは合っているはずなのに、なぜ?というやつです。 該当のコード // CardForm.tsx exp...

Qiita
React/TypeScript + Vite + Supabase + Chakra UI で学習記録アプリを作ってみた - Qiita

React/TypeScript + Vite + Supabase + Chakra UI で学習記録アプリを作ってみた はじめに React と TypeScript の学習を進める中で、シンプルな CRUD アプリを作ってみたくなり、学習記録アプリを作成しました...

Qiita
Reactを学習して、1ヶ月半で名刺アプリを作った話。 - Qiita

自己紹介 はじめまして。ともぼーです! 私は組み込みエンジニア4年目で、Web開発経験に関しては仕事で少しHTML/CSS, JavaScriptを使用して画面を作った程度です。 プログラミングの基礎は割と出来ている状態で今はReactを勉強しています! 作ったもの デ...

Qiita
名刺アプリの作成を終えて - Qiita

はじめに今回、React TypeScript Supabase を使った名刺アプリを作成しました。このアプリは、ユーザーが自分の名刺情報を登録し、他の人の名刺を閲覧できる機能を持っています。…

Qiita
【個人開発】K-POP好き必見!推しの服装を探せるアプリを作成【React/Supabase/Chakra UI】 - Qiita

はじめにアイドルや芸能人の服装が気になったことはありませんか?特にK-POPアイドルが好きな人は推しのアイドルがどのような服装なのか気になることがあると思います。今回は推しのアイドルの服装情報を…

Qiita

【Chakra UI v3 × jest】テスト時のSelectの型エラーの解消方法①(Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes & SelectTriggerProps & RefAttributes<HTMLButtonElement>'. 他)
https://qiita.com/ritsu21ctws/items/eda3d890a26dd0d1a4f4?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #TypeScript #Jest #React #chakra_ui

【Chakra UI v3 × jest】テスト時のSelectの型エラーの解消方法①(Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes & SelectTriggerProps & RefAttributes<HTMLButtonElement>'. 他) - Qiita

はじめにお疲れ様です、りつです。今回はテスト実行時に発生したChakra UI v3Selectの型エラーの解消方法について記事にまとめました。https://www.chakra-ui.co…

Qiita
【React + TypeScript + Vite】デジタル名刺アプリの作成からデプロイまで - Qiita

はじめにデジタル名刺を登録しシェアできるアプリの開発を行いました。自己紹介やGitHub,Qiita,Xへのリンクを登録・閲覧することが可能です。今回の開発では、中間テーブルを用いた多対多のリ…

Qiita
【個人開発】JISOU 課題3 学習記録アプリを完成させた上での苦労と気づき - Qiita

はじめにお疲れ様です、りつです。以前から作成していたReactアプリが完成しました!学習記録アプリhttps://study-record-ts-e0993.web.app/リポジトリh…

Qiita
Chakra UI Drawerで、ハンバーガーメニューをコンポーネント化できない - Qiita

はじめにChakra UIのDrawerを使ってハンバーガーメニューをコンポーネント化しようとした際に、少しハマったので解決方法を共有します。問題Chakra UIのDrawerを使ってハンバ…

Qiita
【Chakra UI】Chakra UI v3でグラデーション背景の仕方 - Qiita

はじめにChakra UI v3では、背景グラデーションの指定方法がv2から変更されました。本記事では、新しい実装方法について解説します。実装方法v2からの変更点v2では、bgGradientでグラデーションの方向や色を一括で指定できました…

Qiita