質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.69%
Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Ruby on Rails 6

Ruby on Rails 6は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

RSpec

RSpecはRuby用のBDD(behaviour-driven development)フレームワークです。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

tailwindcss

tailwindcssとは、Webサイト・Webアプリケーションを作成するためのCSSフレームワークの一つ。ユーティリティファーストな点が特徴です。汎用的なクラスが多数用意されており、独自のデザインを自由に組み立てることができます。

Q&A

0回答

696閲覧

RSpecエラー Function hsla is missing argument $saturationを解決したい

pure_dorayaki

総合スコア6

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Ruby on Rails 6

Ruby on Rails 6は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

RSpec

RSpecはRuby用のBDD(behaviour-driven development)フレームワークです。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

tailwindcss

tailwindcssとは、Webサイト・Webアプリケーションを作成するためのCSSフレームワークの一つ。ユーティリティファーストな点が特徴です。汎用的なクラスが多数用意されており、独自のデザインを自由に組み立てることができます。

0グッド

0クリップ

投稿2022/11/25 00:20

質問

Ruby on RailsでRSpecのテストで、エラーActionView::Template::Error: Error: Function hsla is missing argument $saturationが出て落ちてしまいます。hsra関数で、saturation(彩度)の引数がないと言われているのですが、画面上は正常で原因が分かりません。

Failure/Error: <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> ActionView::Template::Error: Error: Function hsla is missing argument $saturation. on line 435 of stdin >> background-color: hsla(var(--b1) / var(--tw-bg-opacity, 1)); --------------------^ [Screenshot Image]: /Users/madokatakanami/workspace/portfolio/tmp/screenshots/failures_r_spec_example_groups_restaurants_nested_nested_nested_6_nested_nested_2_飲食店の新規作成が失敗する_641.png # stdin:435 # ./app/views/layouts/application.html.erb:9:in `_app_views_layouts_application_html_erb___1653758555336342047_21520' # ------------------ # --- Caused by: --- # SassC::SyntaxError: # Error: Function hsla is missing argument $saturation. # on line 435 of stdin # >> background-color: hsla(var(--b1) / var(--tw-bg-opacity, 1)); # # --------------------^ # stdin:435

↓記述したテスト

spec/system/restaurants_spec.rb

1 describe '飲食店の新規作成' do 2 context 'フォームの入力値が正常' do 3 it '飲食店の新規作成ができる' do 4 visit new_restaurant_path 5 fill_in 'rst_name', with: 'restaurant' 6 click_button '登録' 7 expect(page).to have_content('登録しました') 8 expect(Rstaurant.count).to eq 1 9 expect(current_path).to eq '/restaurants' 10 end 11 end

こちらを参考にしてrspecの環境構築をしました。

試したこと

画面の色は綺麗に出ています。
daisyUIを使用しているのですが、cssファイルにはsaturationの文言は書いてありません。
エラーに関わるような検索結果が得られず、打つ手が分からないのでご助言頂きたいです。
よろしくお願いいたします!

補足情報(FW/ツールのバージョンなど)

使用:
ruby 3.1.2
rails 6.1.6
RSpec 3.12
daisyUI

Gemfileに追加したもの

1group :development, :test do 2 # Call 'byebug' anywhere in the code to stop execution and get a debugger console 3 gem 'byebug', platforms: [:mri, :mingw, :x64_mingw] 4 gem 'rspec-rails', '~> 6.0.0' 5 gem 'factory_bot_rails' 6end 7 8group :test do 9 gem 'capybara' 10 gem 'webdrivers' 11end

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

また依頼した内容が修正された場合は、修正依頼を取り消すようにしましょう。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.69%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

同じタグがついた質問を見る

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Ruby on Rails 6

Ruby on Rails 6は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

RSpec

RSpecはRuby用のBDD(behaviour-driven development)フレームワークです。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

tailwindcss

tailwindcssとは、Webサイト・Webアプリケーションを作成するためのCSSフレームワークの一つ。ユーティリティファーストな点が特徴です。汎用的なクラスが多数用意されており、独自のデザインを自由に組み立てることができます。