DEV: start glimmer-ification and optimisations of chat plugin (#19531)
Note this is a very large PR, and some of it could have been splited, but keeping it one chunk made it to merge conflicts and to revert if necessary. Actual new code logic is also not that much, as most of the changes are removing js tests, adding system specs or moving things around.
To make it possible this commit is doing the following changes:
- converting (and adding new) existing js acceptances tests into system tests. This change was necessary to ensure as little regressions as possible while changing paradigm
- moving away from store. Using glimmer and tracked properties requires to have class objects everywhere and as a result works well with models. However store/adapters are suffering from many bugs and limitations. As a workaround the `chat-api` and `chat-channels-manager` are an answer to this problem by encapsulating backend calls and frontend storage logic; while still using js models.
- dropping `appEvents` as much as possible. Using tracked properties and a better local storage of channel models, allows to be much more reactive and doesn’t require arbitrary manual updates everywhere in the app.
- while working on replacing store, the existing work of a chat api (backend) has been continued to support more cases.
- removing code from the `chat` service to separate concerns, `chat-subscriptions-manager` and `chat-channels-manager`, being the largest examples of where the code has been rewritten/moved.
Future wok:
- improve behavior when closing/deleting a channel, it's already slightly buggy on live, it's rare enough that it's not a big issue, but should be improved
- improve page objects used in chat
- move more endpoints to the API
- finish temporarily skipped tests
- extract more code from the `chat` service
- use glimmer for `chat-messages`
- separate concerns in `chat-live-pane`
- eventually add js tests for `chat-api`, `chat-channels-manager` and `chat-subscriptions-manager`, they are indirectly heavy tested through system tests but it would be nice to at least test the public API
<!-- NOTE: All pull requests should have tests (rspec in Ruby, qunit in JavaScript). If your code does not include test coverage, please include an explanation of why it was omitted. -->
2022-12-21 07:21:02 -05:00
|
|
|
|
# frozen_string_literal: true
|
|
|
|
|
|
|
|
|
|
RSpec.describe "Browse page", type: :system, js: true do
|
|
|
|
|
fab!(:current_user) { Fabricate(:user) }
|
|
|
|
|
|
|
|
|
|
let(:chat) { PageObjects::Pages::Chat.new }
|
|
|
|
|
|
|
|
|
|
def browse_view
|
|
|
|
|
page.find(".chat-browse-view")
|
|
|
|
|
end
|
|
|
|
|
|
|
|
|
|
before do
|
|
|
|
|
sign_in(current_user)
|
|
|
|
|
chat_system_bootstrap
|
|
|
|
|
end
|
|
|
|
|
|
|
|
|
|
context "when user has chat disabled" do
|
|
|
|
|
before { current_user.user_option.update!(chat_enabled: false) }
|
|
|
|
|
|
|
|
|
|
it "redirects to homepage" do
|
|
|
|
|
visit("/chat/browse")
|
|
|
|
|
|
|
|
|
|
expect(page).to have_current_path("/latest")
|
|
|
|
|
end
|
|
|
|
|
end
|
|
|
|
|
|
|
|
|
|
context "when user has chat enabled" do
|
|
|
|
|
context "when visiting browse page" do
|
|
|
|
|
it "defaults to open filer" do
|
|
|
|
|
visit("/chat/browse")
|
|
|
|
|
|
|
|
|
|
expect(page).to have_current_path("/chat/browse/open")
|
|
|
|
|
end
|
|
|
|
|
|
|
|
|
|
it "has the expected tabs" do
|
|
|
|
|
visit("/chat/browse")
|
|
|
|
|
|
|
|
|
|
expect(browse_view).to have_content(I18n.t("js.chat.browse.filter_all"))
|
|
|
|
|
expect(browse_view).to have_content(I18n.t("js.chat.browse.filter_open"))
|
|
|
|
|
expect(browse_view).to have_content(I18n.t("js.chat.browse.filter_closed"))
|
|
|
|
|
end
|
|
|
|
|
|
|
|
|
|
it "has not archived tab available" do
|
|
|
|
|
visit("/chat/browse")
|
|
|
|
|
|
|
|
|
|
expect(browse_view).to have_no_content(I18n.t("js.chat.browse.filter_archived"))
|
|
|
|
|
end
|
|
|
|
|
|
|
|
|
|
it "redirects archived tab to default tab" do
|
|
|
|
|
visit("/chat/browse/archived")
|
|
|
|
|
|
|
|
|
|
expect(page).to have_current_path("/chat/browse/open")
|
|
|
|
|
end
|
|
|
|
|
|
|
|
|
|
context "when archiving channels is enabled" do
|
|
|
|
|
before { SiteSetting.chat_allow_archiving_channels = true }
|
|
|
|
|
|
|
|
|
|
it "has the archived tab" do
|
|
|
|
|
visit("/chat/browse")
|
|
|
|
|
|
|
|
|
|
expect(browse_view).to have_content(I18n.t("js.chat.browse.filter_archived"))
|
|
|
|
|
end
|
|
|
|
|
end
|
|
|
|
|
end
|
|
|
|
|
|
|
|
|
|
context "when on mobile", mobile: true do
|
|
|
|
|
it "has a back button" do
|
|
|
|
|
visit("/chat/browse")
|
|
|
|
|
find(".chat-full-page-header__back-btn").click
|
|
|
|
|
|
|
|
|
|
expect(page).to have_current_path("/chat")
|
|
|
|
|
end
|
|
|
|
|
end
|
|
|
|
|
|
|
|
|
|
context "when filtering resuls" do
|
|
|
|
|
fab!(:category_channel_1) { Fabricate(:chat_channel, name: "foo") }
|
|
|
|
|
fab!(:category_channel_2) { Fabricate(:chat_channel, name: "bar") }
|
|
|
|
|
|
|
|
|
|
context "when results are found" do
|
|
|
|
|
it "lists expected results" do
|
|
|
|
|
visit("/chat/browse")
|
|
|
|
|
find(".dc-filter-input").fill_in(with: category_channel_1.name)
|
|
|
|
|
|
|
|
|
|
expect(browse_view).to have_content(category_channel_1.name)
|
|
|
|
|
expect(browse_view).to have_no_content(category_channel_2.name)
|
|
|
|
|
end
|
|
|
|
|
end
|
|
|
|
|
|
|
|
|
|
context "when results are not found" do
|
|
|
|
|
it "displays the correct message" do
|
|
|
|
|
visit("/chat/browse")
|
|
|
|
|
find(".dc-filter-input").fill_in(with: "x")
|
|
|
|
|
|
|
|
|
|
expect(browse_view).to have_content(I18n.t("js.chat.empty_state.title"))
|
|
|
|
|
end
|
|
|
|
|
|
|
|
|
|
it "doesn’t display any channel" do
|
|
|
|
|
visit("/chat/browse")
|
|
|
|
|
find(".dc-filter-input").fill_in(with: "x")
|
|
|
|
|
|
|
|
|
|
expect(browse_view).to have_no_content(category_channel_1.name)
|
|
|
|
|
expect(browse_view).to have_no_content(category_channel_2.name)
|
|
|
|
|
end
|
|
|
|
|
end
|
|
|
|
|
end
|
|
|
|
|
|
|
|
|
|
context "when visiting tabs" do
|
|
|
|
|
fab!(:category_channel_1) { Fabricate(:chat_channel, status: :open) }
|
|
|
|
|
fab!(:category_channel_2) { Fabricate(:chat_channel, status: :read_only) }
|
|
|
|
|
fab!(:category_channel_3) { Fabricate(:chat_channel, status: :closed) }
|
|
|
|
|
fab!(:category_channel_4) { Fabricate(:chat_channel, status: :archived) }
|
|
|
|
|
fab!(:category_channel_5) { Fabricate(:chat_channel, status: :open) }
|
|
|
|
|
fab!(:direct_message_channel_1) { Fabricate(:direct_message_channel, users: [current_user]) }
|
|
|
|
|
|
|
|
|
|
before { category_channel_5.destroy! }
|
|
|
|
|
|
|
|
|
|
shared_examples "never visible channels" do
|
|
|
|
|
it "doesn’t list direct message channel" do
|
|
|
|
|
expect(browse_view).to have_no_content(direct_message_channel_1.title(current_user))
|
|
|
|
|
end
|
|
|
|
|
|
|
|
|
|
it "doesn’t list destroyed channels" do
|
|
|
|
|
expect(browse_view).to have_no_content(category_channel_5.title)
|
|
|
|
|
end
|
|
|
|
|
end
|
|
|
|
|
|
|
|
|
|
context "when filter is all" do
|
|
|
|
|
it "lists all category channels" do
|
|
|
|
|
visit("/chat/browse/all")
|
|
|
|
|
|
|
|
|
|
expect(browse_view).to have_content(category_channel_1.name)
|
|
|
|
|
expect(browse_view).to have_content(category_channel_2.name)
|
|
|
|
|
expect(browse_view).to have_content(category_channel_3.name)
|
|
|
|
|
expect(browse_view).to have_content(category_channel_4.name)
|
|
|
|
|
end
|
|
|
|
|
|
2023-01-02 18:19:13 -05:00
|
|
|
|
context "when loading more" do
|
|
|
|
|
before { 25.times { Fabricate(:chat_channel, status: :open) } }
|
|
|
|
|
|
|
|
|
|
it "works" do
|
|
|
|
|
visit("/chat/browse/all")
|
|
|
|
|
scroll_to(find(".chat-channel-card:last-child"))
|
|
|
|
|
|
|
|
|
|
expect(page).to have_selector(".chat-channel-card", count: 29)
|
|
|
|
|
end
|
|
|
|
|
end
|
|
|
|
|
|
DEV: start glimmer-ification and optimisations of chat plugin (#19531)
Note this is a very large PR, and some of it could have been splited, but keeping it one chunk made it to merge conflicts and to revert if necessary. Actual new code logic is also not that much, as most of the changes are removing js tests, adding system specs or moving things around.
To make it possible this commit is doing the following changes:
- converting (and adding new) existing js acceptances tests into system tests. This change was necessary to ensure as little regressions as possible while changing paradigm
- moving away from store. Using glimmer and tracked properties requires to have class objects everywhere and as a result works well with models. However store/adapters are suffering from many bugs and limitations. As a workaround the `chat-api` and `chat-channels-manager` are an answer to this problem by encapsulating backend calls and frontend storage logic; while still using js models.
- dropping `appEvents` as much as possible. Using tracked properties and a better local storage of channel models, allows to be much more reactive and doesn’t require arbitrary manual updates everywhere in the app.
- while working on replacing store, the existing work of a chat api (backend) has been continued to support more cases.
- removing code from the `chat` service to separate concerns, `chat-subscriptions-manager` and `chat-channels-manager`, being the largest examples of where the code has been rewritten/moved.
Future wok:
- improve behavior when closing/deleting a channel, it's already slightly buggy on live, it's rare enough that it's not a big issue, but should be improved
- improve page objects used in chat
- move more endpoints to the API
- finish temporarily skipped tests
- extract more code from the `chat` service
- use glimmer for `chat-messages`
- separate concerns in `chat-live-pane`
- eventually add js tests for `chat-api`, `chat-channels-manager` and `chat-subscriptions-manager`, they are indirectly heavy tested through system tests but it would be nice to at least test the public API
<!-- NOTE: All pull requests should have tests (rspec in Ruby, qunit in JavaScript). If your code does not include test coverage, please include an explanation of why it was omitted. -->
2022-12-21 07:21:02 -05:00
|
|
|
|
include_examples "never visible channels" do
|
|
|
|
|
before { visit("/chat/browse/all") }
|
|
|
|
|
end
|
|
|
|
|
end
|
|
|
|
|
|
|
|
|
|
context "when filter is open" do
|
|
|
|
|
it "lists all opened category channels" do
|
|
|
|
|
visit("/chat/browse/open")
|
|
|
|
|
|
|
|
|
|
expect(browse_view).to have_content(category_channel_1.name)
|
|
|
|
|
expect(browse_view).to have_no_content(category_channel_2.name)
|
|
|
|
|
expect(browse_view).to have_no_content(category_channel_3.name)
|
|
|
|
|
expect(browse_view).to have_no_content(category_channel_4.name)
|
|
|
|
|
end
|
|
|
|
|
|
2023-01-02 08:40:13 -05:00
|
|
|
|
context "when loading more" do
|
|
|
|
|
fab!(:valid_channel) { Fabricate(:chat_channel, status: :open) }
|
|
|
|
|
fab!(:invalid_channel) { Fabricate(:chat_channel, status: :closed) }
|
|
|
|
|
|
|
|
|
|
it "keeps the filter" do
|
|
|
|
|
visit("/chat/browse/open")
|
|
|
|
|
|
|
|
|
|
expect(page).to have_content(valid_channel.title)
|
|
|
|
|
expect(page).to have_no_content(invalid_channel.title)
|
|
|
|
|
end
|
|
|
|
|
end
|
|
|
|
|
|
DEV: start glimmer-ification and optimisations of chat plugin (#19531)
Note this is a very large PR, and some of it could have been splited, but keeping it one chunk made it to merge conflicts and to revert if necessary. Actual new code logic is also not that much, as most of the changes are removing js tests, adding system specs or moving things around.
To make it possible this commit is doing the following changes:
- converting (and adding new) existing js acceptances tests into system tests. This change was necessary to ensure as little regressions as possible while changing paradigm
- moving away from store. Using glimmer and tracked properties requires to have class objects everywhere and as a result works well with models. However store/adapters are suffering from many bugs and limitations. As a workaround the `chat-api` and `chat-channels-manager` are an answer to this problem by encapsulating backend calls and frontend storage logic; while still using js models.
- dropping `appEvents` as much as possible. Using tracked properties and a better local storage of channel models, allows to be much more reactive and doesn’t require arbitrary manual updates everywhere in the app.
- while working on replacing store, the existing work of a chat api (backend) has been continued to support more cases.
- removing code from the `chat` service to separate concerns, `chat-subscriptions-manager` and `chat-channels-manager`, being the largest examples of where the code has been rewritten/moved.
Future wok:
- improve behavior when closing/deleting a channel, it's already slightly buggy on live, it's rare enough that it's not a big issue, but should be improved
- improve page objects used in chat
- move more endpoints to the API
- finish temporarily skipped tests
- extract more code from the `chat` service
- use glimmer for `chat-messages`
- separate concerns in `chat-live-pane`
- eventually add js tests for `chat-api`, `chat-channels-manager` and `chat-subscriptions-manager`, they are indirectly heavy tested through system tests but it would be nice to at least test the public API
<!-- NOTE: All pull requests should have tests (rspec in Ruby, qunit in JavaScript). If your code does not include test coverage, please include an explanation of why it was omitted. -->
2022-12-21 07:21:02 -05:00
|
|
|
|
include_examples "never visible channels" do
|
|
|
|
|
before { visit("/chat/browse/open") }
|
|
|
|
|
end
|
|
|
|
|
end
|
|
|
|
|
|
|
|
|
|
context "when filter is closed" do
|
|
|
|
|
it "lists all closed category channels" do
|
|
|
|
|
visit("/chat/browse/closed")
|
|
|
|
|
|
|
|
|
|
expect(browse_view).to have_no_content(category_channel_1.name)
|
|
|
|
|
expect(browse_view).to have_no_content(category_channel_2.name)
|
|
|
|
|
expect(browse_view).to have_content(category_channel_3.name)
|
|
|
|
|
expect(browse_view).to have_no_content(category_channel_4.name)
|
|
|
|
|
end
|
|
|
|
|
|
2023-01-02 08:40:13 -05:00
|
|
|
|
context "when loading more" do
|
|
|
|
|
fab!(:valid_channel) { Fabricate(:chat_channel, status: :closed) }
|
|
|
|
|
fab!(:invalid_channel) { Fabricate(:chat_channel, status: :open) }
|
|
|
|
|
|
|
|
|
|
it "keeps the filter" do
|
|
|
|
|
visit("/chat/browse/closed")
|
|
|
|
|
|
|
|
|
|
expect(page).to have_content(valid_channel.title)
|
|
|
|
|
expect(page).to have_no_content(invalid_channel.title)
|
|
|
|
|
end
|
|
|
|
|
end
|
|
|
|
|
|
DEV: start glimmer-ification and optimisations of chat plugin (#19531)
Note this is a very large PR, and some of it could have been splited, but keeping it one chunk made it to merge conflicts and to revert if necessary. Actual new code logic is also not that much, as most of the changes are removing js tests, adding system specs or moving things around.
To make it possible this commit is doing the following changes:
- converting (and adding new) existing js acceptances tests into system tests. This change was necessary to ensure as little regressions as possible while changing paradigm
- moving away from store. Using glimmer and tracked properties requires to have class objects everywhere and as a result works well with models. However store/adapters are suffering from many bugs and limitations. As a workaround the `chat-api` and `chat-channels-manager` are an answer to this problem by encapsulating backend calls and frontend storage logic; while still using js models.
- dropping `appEvents` as much as possible. Using tracked properties and a better local storage of channel models, allows to be much more reactive and doesn’t require arbitrary manual updates everywhere in the app.
- while working on replacing store, the existing work of a chat api (backend) has been continued to support more cases.
- removing code from the `chat` service to separate concerns, `chat-subscriptions-manager` and `chat-channels-manager`, being the largest examples of where the code has been rewritten/moved.
Future wok:
- improve behavior when closing/deleting a channel, it's already slightly buggy on live, it's rare enough that it's not a big issue, but should be improved
- improve page objects used in chat
- move more endpoints to the API
- finish temporarily skipped tests
- extract more code from the `chat` service
- use glimmer for `chat-messages`
- separate concerns in `chat-live-pane`
- eventually add js tests for `chat-api`, `chat-channels-manager` and `chat-subscriptions-manager`, they are indirectly heavy tested through system tests but it would be nice to at least test the public API
<!-- NOTE: All pull requests should have tests (rspec in Ruby, qunit in JavaScript). If your code does not include test coverage, please include an explanation of why it was omitted. -->
2022-12-21 07:21:02 -05:00
|
|
|
|
include_examples "never visible channels" do
|
|
|
|
|
before { visit("/chat/browse/closed") }
|
|
|
|
|
end
|
|
|
|
|
end
|
|
|
|
|
|
|
|
|
|
context "when filter is archived" do
|
|
|
|
|
before { SiteSetting.chat_allow_archiving_channels = true }
|
|
|
|
|
|
|
|
|
|
it "lists all archived category channels" do
|
|
|
|
|
visit("/chat/browse/archived")
|
|
|
|
|
|
|
|
|
|
expect(browse_view).to have_no_content(category_channel_1.name)
|
|
|
|
|
expect(browse_view).to have_no_content(category_channel_2.name)
|
|
|
|
|
expect(browse_view).to have_no_content(category_channel_3.name)
|
|
|
|
|
expect(browse_view).to have_content(category_channel_4.name)
|
|
|
|
|
end
|
|
|
|
|
|
2023-01-02 08:40:13 -05:00
|
|
|
|
context "when loading more" do
|
|
|
|
|
fab!(:valid_channel) { Fabricate(:chat_channel, status: :archived) }
|
|
|
|
|
fab!(:invalid_channel) { Fabricate(:chat_channel, status: :open) }
|
|
|
|
|
|
|
|
|
|
it "keeps the filter" do
|
|
|
|
|
visit("/chat/browse/archived")
|
|
|
|
|
|
|
|
|
|
expect(page).to have_content(valid_channel.title)
|
|
|
|
|
expect(page).to have_no_content(invalid_channel.title)
|
|
|
|
|
end
|
|
|
|
|
end
|
|
|
|
|
|
DEV: start glimmer-ification and optimisations of chat plugin (#19531)
Note this is a very large PR, and some of it could have been splited, but keeping it one chunk made it to merge conflicts and to revert if necessary. Actual new code logic is also not that much, as most of the changes are removing js tests, adding system specs or moving things around.
To make it possible this commit is doing the following changes:
- converting (and adding new) existing js acceptances tests into system tests. This change was necessary to ensure as little regressions as possible while changing paradigm
- moving away from store. Using glimmer and tracked properties requires to have class objects everywhere and as a result works well with models. However store/adapters are suffering from many bugs and limitations. As a workaround the `chat-api` and `chat-channels-manager` are an answer to this problem by encapsulating backend calls and frontend storage logic; while still using js models.
- dropping `appEvents` as much as possible. Using tracked properties and a better local storage of channel models, allows to be much more reactive and doesn’t require arbitrary manual updates everywhere in the app.
- while working on replacing store, the existing work of a chat api (backend) has been continued to support more cases.
- removing code from the `chat` service to separate concerns, `chat-subscriptions-manager` and `chat-channels-manager`, being the largest examples of where the code has been rewritten/moved.
Future wok:
- improve behavior when closing/deleting a channel, it's already slightly buggy on live, it's rare enough that it's not a big issue, but should be improved
- improve page objects used in chat
- move more endpoints to the API
- finish temporarily skipped tests
- extract more code from the `chat` service
- use glimmer for `chat-messages`
- separate concerns in `chat-live-pane`
- eventually add js tests for `chat-api`, `chat-channels-manager` and `chat-subscriptions-manager`, they are indirectly heavy tested through system tests but it would be nice to at least test the public API
<!-- NOTE: All pull requests should have tests (rspec in Ruby, qunit in JavaScript). If your code does not include test coverage, please include an explanation of why it was omitted. -->
2022-12-21 07:21:02 -05:00
|
|
|
|
include_examples "never visible channels" do
|
|
|
|
|
before { visit("/chat/browse/archived") }
|
|
|
|
|
end
|
|
|
|
|
end
|
|
|
|
|
end
|
|
|
|
|
end
|
|
|
|
|
end
|