1+ require_relative "../../../../../support/utils"
2+ require_relative "../../../../../support/test_controller"
3+ require_relative "../support/form_test_controller"
4+ require_relative "../support/model_form_test_controller"
5+ include Utils
6+
7+ describe "Form Component" , type : :feature , js : true do
8+
9+ describe "Checkbox" do
10+
11+ before :all do
12+ Rails . application . routes . append do
13+ post '/checkbox_success_form_test/:id' , to : 'form_test#success_submit' , as : 'checkbox_success_form_test'
14+ post '/checkbox_success_form_test_with_transition/:id' , to : 'form_test#success_submit_with_transition' , as : 'checkbox_success_form_test_with_transition'
15+ post '/checkbox_failure_form_test_with_transition/:id' , to : 'form_test#failure_submit_with_transition' , as : 'checkbox_failure_form_test_with_transition'
16+ post '/checkbox_success_form_test_with_redirect/:id' , to : 'form_test#success_submit_with_redirect' , as : 'checkbox_success_form_test_with_redirect'
17+ post '/checkbox_failure_form_test_with_redirect/:id' , to : 'form_test#failure_submit_with_redirect' , as : 'checkbox_failure_form_test_with_redirect'
18+ post '/checkbox_failure_form_test/:id' , to : 'form_test#failure_submit' , as : 'checkbox_failure_form_test'
19+ post '/checkbox_model_form_test' , to : 'model_form_test#model_submit' , as : 'checkbox_model_form_test'
20+ end
21+ Rails . application . reload_routes!
22+ end
23+
24+ after :all do
25+ Object . send ( :remove_const , :TestModel )
26+ load "#{ Rails . root }
27+ end
28+
29+ before :each do
30+ allow_any_instance_of ( FormTestController ) . to receive ( :expect_params )
31+ end
32+
33+ it "takes an array of options or hash and submits (multiple) selected item(s)" do
34+ class ExamplePage < Matestack ::Ui ::Page
35+ def response
36+ form form_config , :include do
37+ form_checkbox id : "my-array-test-checkbox" , key : :array_input , options : [ "Array Option 1" , "Array Option 2" ]
38+ form_checkbox id : "my-hash-test-checkbox" , key : :hash_input , options : { "Hash Option 1" : "1" , "Hash Option 2" : "2" }
39+ form_submit do
40+ button text : "Submit me!"
41+ end
42+ end
43+ end
44+
45+ def form_config
46+ return {
47+ for : :my_object ,
48+ method : :post ,
49+ path : :checkbox_success_form_test_path ,
50+ params : {
51+ id : 42
52+ }
53+ }
54+ end
55+
56+ end
57+
58+ visit "/example"
59+ check "Array Option 2"
60+ check "Hash Option 1"
61+ check "Hash Option 2"
62+ expect_any_instance_of ( FormTestController ) . to receive ( :expect_params )
63+ . with ( hash_including ( my_object : { array_input : [ "Array Option 2" ] , hash_input : [ "1" , "2" ] } ) )
64+ click_button "Submit me!"
65+ end
66+
67+ it "can be initialized by (multiple) item(s)" do
68+ class ExamplePage < Matestack ::Ui ::Page
69+ def response
70+ form form_config , :include do
71+ form_checkbox id : "my-array-test-checkbox" , key : :array_input , options : [ "Array Option 1" , "Array Option 2" ] , init : [ "Array Option 1" , "Array Option 2" ]
72+ form_checkbox id : "my-hash-test-checkbox" , key : :hash_input , options : { "Hash Option 1" : "1" , "Hash Option 2" : "2" } , init : [ "2" ]
73+ form_submit do
74+ button text : "Submit me!"
75+ end
76+ end
77+ end
78+
79+ def form_config
80+ {
81+ for : :my_object ,
82+ method : :post ,
83+ path : :checkbox_success_form_test_path ,
84+ params : {
85+ id : 42
86+ }
87+ }
88+ end
89+ end
90+
91+ visit "/example"
92+ expect_any_instance_of ( FormTestController ) . to receive ( :expect_params )
93+ . with ( hash_including ( my_object : { array_input : [ "Array Option 1" , "Array Option 2" ] , hash_input : [ "2" ] } ) )
94+ click_button "Submit me!"
95+ end
96+
97+ it "can be mapped to Active Record Model Column, which is serialized as an Array" do
98+ Object . send ( :remove_const , :TestModel )
99+
100+ class TestModel < ApplicationRecord
101+ serialize :some_data , Array
102+ serialize :more_data , Array
103+ validates :more_data , presence : true
104+
105+ def self . array_options
106+ [ "Array Option 1" , "Array Option 2" ]
107+ end
108+
109+ def self . hash_options
110+ { "Hash Option 1" : "my_first_key" , "Hash Option 2" : "my_second_key" }
111+ end
112+ end
113+
114+ class ExamplePage < Matestack ::Ui ::Page
115+ def prepare
116+ @test_model = TestModel . new
117+ @test_model . some_data = [ "Array Option 2" ]
118+ @test_model . more_data = [ "my_second_key" ]
119+ end
120+
121+ def response
122+ form form_config , :include do
123+ form_checkbox id : "my-array-test-checkbox" , key : :some_data , options : TestModel . array_options
124+ form_checkbox id : "my-hash-test-checkbox" , key : :more_data , options : TestModel . hash_options
125+ form_submit do
126+ button text : "Submit me!"
127+ end
128+ end
129+ end
130+
131+ def form_config
132+ return {
133+ for : @test_model ,
134+ method : :post ,
135+ path : :checkbox_model_form_test_path
136+ }
137+ end
138+ end
139+
140+ visit "/example"
141+ expect ( page ) . to have_field ( 'Array Option 1' , checked : false )
142+ expect ( page ) . to have_field ( 'Array Option 2' , checked : true )
143+ expect ( page ) . to have_field ( 'Hash Option 1' , checked : false )
144+ expect ( page ) . to have_field ( 'Hash Option 2' , checked : true )
145+
146+ uncheck "Hash Option 2"
147+ click_button "Submit me!"
148+ expect ( page ) . to have_xpath ( '//span[@class="errors"]/span[@class="error" and contains(.,"can\'t be blank")]' )
149+
150+ check "Hash Option 2"
151+ check "Hash Option 1"
152+ check "Array Option 1"
153+ click_button "Submit me!"
154+ expect ( page ) . not_to have_xpath ( '//span[@class="errors"]/span[@class="error" and contains(.,"can\'t be blank")]' )
155+ #form should now be reset
156+ expect ( page ) . to have_field ( 'Array Option 1' , checked : false )
157+ expect ( page ) . to have_field ( 'Array Option 2' , checked : true )
158+ expect ( page ) . to have_field ( 'Hash Option 1' , checked : false )
159+ expect ( page ) . to have_field ( 'Hash Option 2' , checked : true )
160+ expect ( TestModel . last . some_data ) . to eq ( [ "Array Option 2" , "Array Option 1" ] )
161+ expect ( TestModel . last . more_data ) . to eq ( [ "my_second_key" , "my_first_key" ] )
162+ end
163+
164+ it 'can work as a simple true false checkbox' do
165+ Object . send ( :remove_const , :TestModel )
166+ load "#{ Rails . root }
167+
168+ class ExamplePage < Matestack ::Ui ::Page
169+ def prepare
170+ @test_model = TestModel . new
171+ end
172+
173+ def response
174+ form form_config , :include do
175+ form_checkbox id : "my-array-test-checkbox" , key : :status , label : 'Status'
176+ form_submit do
177+ button text : "Submit me!"
178+ end
179+ async show_on : 'success' , id : 'async-page' do
180+ plain 'Success'
181+ end
182+ end
183+ end
184+
185+ def form_config
186+ return {
187+ for : @test_model ,
188+ method : :post ,
189+ path : :checkbox_model_form_test_path ,
190+ success : {
191+ emit : :success
192+ }
193+ }
194+ end
195+ end
196+
197+ visit "/example"
198+ expect ( page ) . to have_field ( 'Status' , checked : false )
199+
200+ check 'Status'
201+ click_button "Submit me!"
202+ expect ( page ) . to have_content ( 'Success' )
203+ expect ( TestModel . last . status ) . to eq ( 1 )
204+ end
205+
206+ end
207+
208+ end
0 commit comments