spec: provide test parity with current developer key UI

closes PLAT-3260

test plan:
 - tests pass

Change-Id: I1e6d63fe12dbd5d4d437dbaff458525a7ce94fc5
Reviewed-on: https://gerrit.instructure.com/146231
Tested-by: Jenkins
Reviewed-by: Pedro Fajardo <pfajardo@instructure.com>
QA-Review: Pedro Fajardo <pfajardo@instructure.com>
Product-Review: August Thornton <august@instructure.com>

spec/selenium/admin/account_admin_developer_keys_rewrite_spec.rb

@@ -0,0 +1,128 @@
+#
+# Copyright (C) 2012 - present Instructure, Inc.
+#
+# This file is part of Canvas.
+#
+# Canvas is free software: you can redistribute it and/or modify it under
+# the terms of the GNU Affero General Public License as published by the Free
+# Software Foundation, version 3 of the License.
+#
+# Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
+# WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
+# A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+# details.
+#
+# You should have received a copy of the GNU Affero General Public License along
+# with this program. If not, see <http://www.gnu.org/licenses/>.
+
+require File.expand_path(File.dirname(__FILE__) + '/../common')
+
+describe 'developer keys' do
+  include_context 'in-process server selenium tests'
+
+  describe 'with developer key management UI rewrite feature flag' do
+    before(:each) do
+      admin_logged_in
+      Account.site_admin.allow_feature!(:developer_key_management_ui_rewrite)
+      Account.default.enable_feature!(:developer_key_management_ui_rewrite)
+    end
+
+    let(:developer_key) do
+      Account.default.developer_keys.create!(
+        name: 'Cool Tool',
+        email: 'admin@example.com',
+        redirect_uris: ['http://example.com'],
+        icon_url: '/images/delete.png'
+      )
+    end
+
+    it "allows creation through 'add developer key button'", test_id: 344077 do
+      get "/accounts/#{Account.default.id}/developer_keys"
+
+      find_button("Developer Key").click
+      f("input[name='developer_key[name]']").send_keys("Cool Tool")
+      f("input[name='developer_key[email]']").send_keys("admin@example.com")
+      f("textarea[name='developer_key[redirect_uris]']").send_keys("http://example.com")
+      f("input[name='developer_key[icon_url]']").send_keys("/images/delete.png")
+      find_button("Save Key").click
+
+      expect(ff("#reactContent tbody tr").length).to eq 1
+      expect(Account.default.developer_keys.count).to eq 1
+      key = Account.default.developer_keys.last
+      expect(key.name).to eq "Cool Tool"
+      expect(key.email).to eq "admin@example.com"
+      expect(key.redirect_uris).to eq ["http://example.com"]
+      expect(key.icon_url).to eq "/images/delete.png"
+    end
+
+    it "allows update through 'edit this key button'", test_id: 344078 do
+      developer_key
+      get "/accounts/#{Account.default.id}/developer_keys"
+      f("#reactContent tbody tr.key .edit_link").click
+      replace_content(f("input[name='developer_key[name]']"), "Cooler Tool")
+      replace_content(f("input[name='developer_key[email]']"), "admins@example.com")
+      replace_content(f("textarea[name='developer_key[redirect_uris]']"), "http://b/")
+      replace_content(f("input[name='developer_key[icon_url]']"), "/images/add.png")
+      find_button("Save Key").click
+
+      expect(ff("#reactContent tbody tr").length).to eq 1
+      expect(Account.default.developer_keys.count).to eq 1
+      key = Account.default.developer_keys.last
+      expect(key.name).to eq "Cooler Tool"
+      expect(key.email).to eq "admins@example.com"
+      expect(key.redirect_uris).to eq ["http://b/"]
+      expect(key.icon_url).to eq "/images/add.png"
+    end
+
+    it 'allows editing of legacy redirect URI', test_id: 3469351 do
+      dk = developer_key
+      dk.update_attribute(:redirect_uri, "http://a/")
+      get "/accounts/#{Account.default.id}/developer_keys"
+      f("#reactContent tbody tr.key .edit_link").click
+      replace_content(f("input[name='developer_key[name]']"), "Cooler Tool")
+      replace_content(f("input[name='developer_key[email]']"), "admins@example.com")
+      replace_content(f("input[name='developer_key[redirect_uri]']"), "https://b/")
+      replace_content(f("input[name='developer_key[icon_url]']"), "/images/add.png")
+      find_button("Save Key").click
+
+      expect(ff("#reactContent tbody tr").length).to eq 1
+      expect(Account.default.developer_keys.count).to eq 1
+      key = Account.default.developer_keys.last
+      expect(key.name).to eq "Cooler Tool"
+      expect(key.email).to eq "admins@example.com"
+      expect(key.redirect_uri).to eq "https://b/"
+      expect(key.icon_url).to eq "/images/add.png"
+    end
+
+    it "allows deletion through 'delete this key button'", test_id: 344079 do
+      skip_if_safari(:alert)
+      developer_key
+      get "/accounts/#{Account.default.id}/developer_keys"
+      f("#reactContent tbody tr.key .edit_link").click
+      f("input[name='developer_key[icon_url]']").clear
+      find_button("Save Key").click
+
+      expect(ff("#reactContent tbody tr").length).to eq 1
+      expect(Account.default.developer_keys.count).to eq 1
+      key = Account.default.developer_keys.last
+      expect(key.icon_url).to eq nil
+
+      f("#reactContent tbody tr.key .delete_link").click
+      driver.switch_to.alert.accept
+      driver.switch_to.default_content
+      expect(f("#reactContent")).not_to contain_css("tbody tr")
+      expect(Account.default.developer_keys.nondeleted.count).to eq 0
+    end
+
+    it "allows for pagination", test_id: 344532 do
+      11.times { |i| Account.default.developer_keys.create!(name: "tool #{i}") }
+      get "/accounts/#{Account.default.id}/developer_keys"
+      expect(f("#loading")).not_to have_class('loading')
+      expect(ff("#reactContent tbody tr")).to have_size(10)
+      find_button("Show All 11 Keys").click
+      expect(f("#loading")).not_to have_class('loading')
+      expect(ff("#reactContent tbody tr")).to have_size(11)
+    end
+  end
+
+end