decidim-core 0.32.0.rc2 → 0.32.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3b4e8ed9025a083ab3351ad881448605343e89a1823e3616b250b9473a2c9bdb
-  data.tar.gz: a6b96945cdd6f5722d251d41b0576bccf3ff2aae1e4aa0c51e0ab47a9c257360
+  metadata.gz: 50d3683adf392d4b4b2900c05d390051d922759af5aca3a012a0e2d6b1db501a
+  data.tar.gz: 6c44f0977cb804af860603ede5ad244515e6cc92d57071cfe594f687ee1c2a96
 SHA512:
-  metadata.gz: 0ae197ee72cf96014bcb4ac200f53c19d0fe8d9bfffbcb32b266530a972b407a0f7dfd585b600d311830731231fb8a5ab96d740058f498120e30d41aa8aac17a
-  data.tar.gz: a526e1c79feb561a1cd2f90e0bba221301698ebb4df70dd1911de2685c705a2de703d42755904ddd2fd2b075ba8861eafa4f806490b5f86b69e8c45e6259bf18
+  metadata.gz: '097e493989f0f1cdc7d260ba099d36810cb0f85266165a122a39aab7a7befe35560b6efa701c7672541c9016c06cacf455521a9e927fcc1e791bc9caec2d8bcf'
+  data.tar.gz: f9df0bd52556860de3d48910823fa559a6a0614eb6aaf7cd335c7e9362659a0ccdcc6be27f84f90d20da6e08f8fb6d6935132bafca33ffaf8d2053f25a015461

data/app/cells/decidim/amendable/amend_button_card/show.erb

@@ -1,5 +1,5 @@
-<li role="menuitem" class="dropdown__item">
-  <%= action_authorized_link_to :amend, new_amend_path, resource: model, data: { "redirect_url" => new_amend_path }, id: "amend-button", class: "dropdown__button" do %>
+<li role="presentation" class="dropdown__item">
+  <%= action_authorized_link_to :amend, new_amend_path, resource: model, data: { "redirect_url" => new_amend_path }, id: "amend-button", class: "dropdown__button", role: "menuitem" do %>
     <span><%= t("button", scope: "decidim.amendments.amendable", model_name: nil) %></span>
     <%= icon "pencil-line" %>
   <% end %>

data/app/cells/decidim/author_cell.rb

@@ -31,10 +31,6 @@ module Decidim
       render unless current_user == model
     end
 
-    def perform_caching?
-      true
-    end
-
     def raw_model
       model.try(:__getobj__) || model
     end

data/app/cells/decidim/card_metadata_cell.rb

@@ -29,7 +29,7 @@ module Decidim
       return unless show_space?
 
       {
-        text: decidim_escape_translated(participatory_space.title),
+        text: translated_attribute(participatory_space.title),
         icon: resource_type_icon_key(participatory_space.class),
         url: Decidim::ResourceLocatorPresenter.new(participatory_space).path
       }

data/app/cells/decidim/content_blocks/cta_settings_form/show.erb

@@ -4,6 +4,6 @@
   <%= settings_fields.translated :text_field, :description, label: t("decidim.content_blocks.cta_settings_form.description") %>
 <% end %>
 
-<% form.fields_for :images, form.object.images do |images_fields| %>
+<% form.fields_for :images, content_block.images_container do |images_fields| %>
   <%= images_fields.upload :background_image, label: t("decidim.content_blocks.cta_settings_form.background_image") %>
 <% end %>

data/app/cells/decidim/content_blocks/hero_settings_form/show.erb

@@ -14,7 +14,7 @@
   </div>
 <% end %>
 
-<% form.fields_for :images, form.object.images do |images_fields| %>
+<% form.fields_for :images, content_block.images_container do |images_fields| %>
   <div class="row column">
     <%= images_fields.upload :background_image, label: t(".background_image"), button_class: "button button__sm button__transparent-secondary" %>
   </div>

data/app/cells/decidim/content_blocks/highlighted_content_banner_cell.rb

@@ -32,7 +32,7 @@ module Decidim
       private
 
       def render?
-        required_keys = [:title, :short_description, :action_button_title, :action_button_subtitle, :action_button_url]
+        required_keys = [:title, :action_button_title, :action_button_subtitle, :action_button_url]
         required_keys.all? { |key| model.settings.public_send(key).present? }
       end
     end

data/app/cells/decidim/content_blocks/highlighted_content_banner_settings_form/show.erb

@@ -20,7 +20,7 @@
   </div>
 <% end %>
 
-<% form.fields_for :images, form.object.images do |images_fields| %>
+<% form.fields_for :images, content_block.images_container do |images_fields| %>
   <div class="row column">
     <%= images_fields.upload :background_image, label: t(".background_image"), button_class: "button button__sm button__transparent-secondary" %>
   </div>

data/app/cells/decidim/content_blocks/highlighted_participatory_spaces_cell.rb

@@ -28,7 +28,7 @@ module Decidim
       private
 
       def cache_hash
-        [I18n.locale, highlighted_spaces.map(&:cache_key_with_version)].join(Decidim.cache_key_separator)
+        [I18n.locale, model.cache_key_with_version, highlighted_spaces.map(&:cache_key_with_version)].join(Decidim.cache_key_separator)
       end
 
       def section_class

data/app/cells/decidim/content_blocks/participatory_space_hero_settings_form/show.erb

@@ -8,7 +8,7 @@
   </div>
 <% end %>
 
-<% form.fields_for :images, form.object.images do |images_fields| %>
+<% form.fields_for :images, content_block.images_container do |images_fields| %>
   <div class="row column">
     <%= images_fields.upload :background_image, label: t("decidim.content_blocks.cta_settings_form.background_image"), button_class: "button button__sm button__transparent-secondary" %>
   </div>

data/app/cells/decidim/content_blocks/static_page/section_settings_form/show.erb

@@ -1,3 +1,5 @@
 <% form.fields_for :settings, form.object.settings do |settings_fields| %>
-  <%= settings_fields.translated :editor, :content, label: %>
+  <div class="row column">
+    <%= settings_fields.translated :editor, :content, label: %>
+  </div>
 <% end %>

data/app/cells/decidim/content_blocks/static_page/summary_settings_form/show.erb

@@ -1,3 +1,5 @@
 <% form.fields_for :settings, form.object.settings do |settings_fields| %>
-  <%= settings_fields.translated :editor, :summary, label: %>
+  <div class="row column">
+    <%= settings_fields.translated :editor, :summary, label: %>
+  </div>
 <% end %>

data/app/cells/decidim/content_blocks/static_page/two_pane_section_settings_form/show.erb

@@ -1,4 +1,6 @@
 <% form.fields_for :settings, form.object.settings do |settings_fields| %>
-  <%= settings_fields.translated :editor, :left_column, label: label_left_column %>
-  <%= settings_fields.translated :editor, :right_column, label: label_right_column %>
+  <div class="row column">
+    <%= settings_fields.translated :editor, :left_column, label: label_left_column %>
+    <%= settings_fields.translated :editor, :right_column, label: label_right_column %>
+  </div>
 <% end %>

data/app/cells/decidim/resource_types_filter/show.erb

@@ -10,8 +10,8 @@
   </button>
   <ul id="dropdown-menu-resource">
     <% resource_types.each do |resource_type| %>
-      <li role="menuitem">
-        <%= link_to filter_url(resource_type[0]), class: "filter#{" is-active" if filter_param == resource_type[0]}" do %>
+      <li role="presentation">
+        <%= link_to filter_url(resource_type[0]), class: "filter#{" is-active" if filter_param == resource_type[0]}", role: "menuitem" do %>
           <span class="sr-only"><%= resource_type[1] %></span>
           <%= text_with_resource_icon(*resource_type) %>
         <% end %>

data/app/commands/decidim/destroy_account.rb

@@ -15,7 +15,7 @@ module Decidim
     def call
       return broadcast(:invalid) unless @form.valid?
 
-      Decidim::User.transaction do
+      with_events(with_transaction: true) do
         destroy_user_account!
         destroy_user_identities
         destroy_follows
@@ -110,5 +110,16 @@ module Decidim
         space_manifest.invoke_on_destroy_account(current_user)
       end
     end
+
+    # We use memoization in this particular email, as we want to have the data available before the actual anonymization
+    def event_arguments
+      @event_arguments ||= {
+        user_id: current_user.id,
+        user_email: current_user.email,
+        user_name: current_user.name,
+        locale: current_user.locale,
+        organization: current_user.organization
+      }
+    end
   end
 end

data/app/commands/decidim/multiple_attachments_methods.rb

@@ -5,16 +5,16 @@ module Decidim
     private
 
     def build_attachments
-      @documents = []
-      @form.add_documents.compact_blank.each do |attachment|
+      @attachments = []
+      @form.add_attachments.compact_blank.each do |attachment|
         if attachment.is_a?(Hash) && attachment.has_key?(:id)
           update_attachment_title_for(attachment)
           next
         end
 
-        @documents << Attachment.new(
+        @attachments << Attachment.new(
           title: title_for(attachment),
-          attached_to: @attached_to || documents_attached_to,
+          attached_to: @attached_to || attachments_attached_to,
           file: signed_id_for(attachment),
           content_type: content_type_for(attachment)
         )
@@ -26,11 +26,11 @@ module Decidim
     end
 
     def attachments_invalid?
-      @documents.each do |document|
-        next if document.valid? || !document.errors.has_key?(:file)
+      @attachments.each do |attachment|
+        next if attachment.valid? || !attachment.errors.has_key?(:file)
 
-        document.errors[:file].each do |error|
-          @form.errors.add(:add_documents, error)
+        attachment.errors[:file].each do |error|
+          @form.errors.add(:add_attachments, error)
         end
 
         return true
@@ -41,37 +41,38 @@ module Decidim
 
     def create_attachments(first_weight: 0)
       weight = first_weight
-      # Add the weights first to the old documents
-      document_ids = keep_ids
-      Decidim::Attachment.where(id: document_ids).each do |document|
-        document.update!(weight:)
+      # Add the weights first to the old attachments
+      attachment_ids = keep_ids
+      Decidim::Attachment.where(id: attachment_ids).each do |attachment|
+        attachment.update!(weight:)
         weight += 1
       end
-      @documents.map! do |document|
-        document.weight = weight
-        document.attached_to = documents_attached_to
-        document.save!
+      @attachments.map! do |attachment|
+        attachment.weight = weight
+        attachment.attached_to = attachments_attached_to
+        attachment.save!
         weight += 1
-        @form.documents << document
+        @form.attachments << attachment
       end
     end
 
-    def document_cleanup!(include_all_attachments: false)
-      documents = include_all_attachments ? documents_attached_to.attachments.with_attached_file : documents_attached_to.documents
+    def attachment_cleanup!(include_all_attachments: false)
+      attachments = include_all_attachments ? attachments_attached_to.attachments.with_attached_file : attachments_attached_to.attachments
 
-      documents.each do |document|
-        document.destroy! unless keep_ids.include?(document.id)
+      attachments.each do |attachment|
+        attachment.destroy! unless keep_ids.include?(attachment.id)
       end
 
-      documents_attached_to.reload
-      documents_attached_to.instance_variable_set(:@documents, nil)
+      attachments_attached_to.reload
+      attachments_attached_to.instance_variable_set(:@attachments, nil)
+      attachments_attached_to.instance_variable_set(:@photos, nil)
     end
 
     def process_attachments?
-      @form.add_documents.any?
+      @form.add_attachments.any?
     end
 
-    def documents_attached_to
+    def attachments_attached_to
       return @attached_to if @attached_to.present?
       return form.current_organization if form.respond_to?(:current_organization)
 
@@ -101,8 +102,8 @@ module Decidim
     end
 
     def keep_ids
-      documents_array = Array(@form.documents)
-      documents_array.map do |doc|
+      attachments_array = Array(@form.attachments)
+      attachments_array.map do |doc|
         case doc
         when Decidim::Attachment
           doc.id

data/app/controllers/concerns/decidim/devise_controllers.rb

@@ -41,6 +41,10 @@ module Decidim
 
       layout "layouts/decidim/application"
 
+      # Ensure locale is set before Devise's own prepended callbacks and reset
+      # after the request finishes.
+      prepend_around_action :set_current_locale
+
       # Saves the location before loading each page so we can return to the
       # right page.
       before_action :store_current_location
@@ -58,6 +62,11 @@ module Decidim
 
         store_location_for(:user, redirect_url)
       end
+
+      def set_current_locale(&)
+        locale = Decidim::LocaleRouterDetector.new(request, params).locale
+        I18n.with_locale(locale, &)
+      end
     end
   end
 end

data/app/events/decidim/amendable/amendment_base_event.rb

@@ -3,7 +3,7 @@
 module Decidim::Amendable
   class AmendmentBaseEvent < Decidim::Events::SimpleEvent
     i18n_attributes :amendable_path, :amendable_type, :amendable_title,
-                    :emendation_path, :emendation_author_nickname, :emendation_author_path
+                    :emendation_path, :emendation_author_nickname, :emendation_author_name, :emendation_author_path
 
     def amendable_title
       @amendable_title ||= translated_attribute(amendable_resource.title)
@@ -33,6 +33,12 @@ module Decidim::Amendable
       @emendation_author_nickname ||= emendation_author.nickname
     end
 
+    def emendation_author_name
+      return unless emendation_resource
+
+      @emendation_author_name ||= emendation_author.name
+    end
+
     def emendation_author_path
       return unless emendation_resource
 

data/app/jobs/decidim/process_inactive_participant_job.rb

@@ -31,13 +31,6 @@ module Decidim
     end
 
     def process_remove_user(user)
-      email = user.email
-      name = user.name
-      locale = user.locale
-      organization = user.organization
-
-      ParticipantsAccountMailer.removal_notification(email, name, locale, organization).deliver_later
-
       Decidim::DestroyAccount.call(
         Decidim::DeleteAccountForm.from_params(
           delete_reason: I18n.t("decidim.account.destroy.inactive_account_removal_reason", inactivity_period: Decidim.delete_inactive_users_after_days)

data/app/mailers/decidim/delete_user_mailer.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+module Decidim
+  class DeleteUserMailer < ApplicationMailer
+    # This email is being sent when a user deletes his own account, or when the user was inactive for too long.
+    def delete(user_email:, user_name:, locale:, organization:)
+      I18n.with_locale(locale) do
+        @user_name = user_name
+        @organization = organization
+        mail(to: user_email, subject: I18n.t("decidim.delete_user_mailer.subject"))
+      end
+    end
+  end
+end

data/app/mailers/decidim/participants_account_mailer.rb

@@ -18,21 +18,5 @@ module Decidim
         mail(to: user.email, subject:)
       end
     end
-
-    # Notify user about account removal due to inactivity
-    def removal_notification(email, name, locale, organization)
-      @email = email
-      @user_name = name
-      @organization = organization
-
-      I18n.with_locale(locale) do
-        subject = I18n.t(
-          "decidim.participants_account_mailer.removal_notification.subject",
-          organization_name: organization_name(@organization)
-        )
-
-        mail(to: email, subject:)
-      end
-    end
   end
 end

data/app/models/decidim/moderation.rb

@@ -32,7 +32,7 @@ module Decidim
     end
 
     def self.ransackable_attributes(_auth_object = nil)
-      %w(reported_id_string reported_content created_at)
+      %w(reported_id_string reported_content created_at report_count)
     end
 
     def self.ransackable_associations(_auth_object = nil)

data/app/models/decidim/participatory_space/member.rb

@@ -42,7 +42,7 @@ module Decidim
       def self.ransackable_attributes(auth_object = nil)
         return [] unless auth_object&.admin?
 
-        %w(name nickname email invitation_accepted_at last_sign_in_at invitation_sent_at role)
+        %w(name nickname email invitation_accepted_at last_sign_in_at invitation_sent_at role published)
       end
 
       def self.ransackable_associations(_auth_object = nil)

data/app/models/decidim/user_base_entity.rb

@@ -69,12 +69,27 @@ module Decidim
       Decidim::UserBaseEntity.joins(:follows).where(decidim_follows: { user: self }).blocked.exists?
     end
 
+    ransacker :role do
+      Arel.sql(%{CASE WHEN "decidim_users"."admin" = true THEN 'admin' ELSE cast("decidim_users"."roles" as text) END})
+    end
+
+    ransacker :user_moderation_report_count do
+      query = <<~SQL.squish
+        (
+            SELECT COALESCE(MAX(decidim_user_moderations.report_count), 0)
+            FROM decidim_user_moderations
+            WHERE decidim_user_moderations.decidim_user_id = decidim_users.id
+        )
+      SQL
+      Arel.sql(query)
+    end
+
     def self.ransackable_attributes(auth_object = nil)
-      base = %w(name email nickname last_sign_in_at)
+      base = %w(name email nickname last_sign_in_at created_at)
 
       return base unless auth_object&.admin?
 
-      base + %w(invitation_sent_at invitation_accepted_at officialized_at)
+      base + %w(invitation_sent_at invitation_accepted_at officialized_at role user_moderation_report_count)
     end
 
     def self.ransackable_associations(_auth_object = nil)

data/app/models/decidim/user_moderation.rb

@@ -19,7 +19,7 @@ module Decidim
     end
 
     def self.ransackable_attributes(_auth_object = nil)
-      []
+      %w(created_at report_count)
     end
 
     def self.ransackable_associations(_auth_object = nil)

data/app/packs/src/decidim/controllers/breadcrumb_truncate/breadcrumb_truncate.test.js

@@ -0,0 +1,230 @@
+/* global jest */
+import { Application } from "@hotwired/stimulus"
+import BreadcrumbTruncateController from "src/decidim/controllers/breadcrumb_truncate/controller"
+
+describe("BreadcrumbTruncateController", () => {
+  let application = null
+  let controller = null
+  let element = null
+  let textElement = null
+  let resizeObserverMock = null
+  let originalResizeObserver = null
+
+  const startController = () => new Promise((resolve) => {
+    setTimeout(() => {
+      controller = application.getControllerForElementAndIdentifier(element, "breadcrumb-truncate")
+      resolve()
+    }, 0)
+  })
+
+  beforeEach(() => {
+    originalResizeObserver = window.ResizeObserver
+    resizeObserverMock = {
+      observe: jest.fn(),
+      disconnect: jest.fn()
+    }
+
+    window.ResizeObserver = jest.fn().mockImplementation(() => resizeObserverMock)
+
+    document.body.innerHTML = `
+      <span data-controller="breadcrumb-truncate" class="truncate">
+        <span data-breadcrumb-truncate-target="text">Very long participatory space title example</span>
+      </span>
+    `
+
+    application = Application.start()
+    application.register("breadcrumb-truncate", BreadcrumbTruncateController)
+
+    element = document.querySelector('[data-controller="breadcrumb-truncate"]')
+    textElement = element.querySelector('[data-breadcrumb-truncate-target="text"]')
+
+    return startController()
+  })
+
+  afterEach(() => {
+    application.stop()
+    document.body.innerHTML = ""
+    window.ResizeObserver = originalResizeObserver
+    jest.restoreAllMocks()
+  })
+
+  it("keeps the full text when it fits", () => {
+    Reflect.defineProperty(element, "clientWidth", { configurable: true, value: 100 })
+    Reflect.defineProperty(element, "scrollWidth", { configurable: true, get: () => 80 })
+
+    controller.refresh()
+
+    expect(textElement.textContent).toBe("Very long participatory space title example")
+    expect(element.hasAttribute("title")).toBe(false)
+  })
+
+  it("truncates at the last fitting word and adds an ellipsis", () => {
+    Reflect.defineProperty(element, "clientWidth", { configurable: true, value: 100 })
+    Reflect.defineProperty(element, "scrollWidth", {
+      configurable: true,
+      get: () => (textElement.textContent.length > 16
+        ? 120
+        : 80)
+    })
+
+    controller.refresh()
+
+    expect(textElement.textContent).toBe("Very long...")
+    expect(element.getAttribute("title")).toBe("Very long participatory space title example")
+  })
+
+  it("falls back to character truncation for a single long word", () => {
+    textElement.textContent = "veeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeery"
+    controller.originalTexts = [textElement.textContent]
+
+    Reflect.defineProperty(element, "clientWidth", { configurable: true, value: 100 })
+    Reflect.defineProperty(element, "scrollWidth", {
+      configurable: true,
+      get: () => (textElement.textContent.length > 9
+        ? 120
+        : 80)
+    })
+
+    controller.refresh()
+
+    expect(textElement.textContent.endsWith("...")).toBe(true)
+    expect(textElement.textContent.includes(" ")).toBe(false)
+    expect(textElement.textContent.length).toBeGreaterThan(3)
+  })
+
+  it("disconnects the resize observer", () => {
+    controller.disconnect()
+
+    expect(resizeObserverMock.disconnect).toHaveBeenCalled()
+  })
+
+  it("does nothing when no text target exists", async () => {
+    document.body.innerHTML = "<nav data-controller=\"breadcrumb-truncate\"></nav>"
+
+    application.stop()
+    application = Application.start()
+    application.register("breadcrumb-truncate", BreadcrumbTruncateController)
+
+    element = document.querySelector('[data-controller="breadcrumb-truncate"]')
+
+    await startController()
+
+    expect(() => controller.refresh()).not.toThrow()
+  })
+
+  it("prioritizes truncating the widest item in group mode", async () => {
+    document.body.innerHTML = `
+      <nav data-controller="breadcrumb-truncate">
+        <span data-breadcrumb-truncate-target="item">
+          <span data-breadcrumb-truncate-target="text">Very long participatory space title example</span>
+        </span>
+        <span data-breadcrumb-truncate-target="item">
+          <span data-breadcrumb-truncate-target="text">Proposals</span>
+        </span>
+      </nav>
+    `
+
+    application.stop()
+    application = Application.start()
+    application.register("breadcrumb-truncate", BreadcrumbTruncateController)
+
+    element = document.querySelector('[data-controller="breadcrumb-truncate"]')
+    const itemElements = element.querySelectorAll('[data-breadcrumb-truncate-target="item"]')
+    const textElements = element.querySelectorAll('[data-breadcrumb-truncate-target="text"]')
+    const initialWidths = [150, 50]
+
+    Reflect.defineProperty(element, "clientWidth", { configurable: true, value: 100 })
+    Reflect.defineProperty(itemElements[0], "clientWidth", {
+      configurable: true,
+      get: () => Number.parseInt(itemElements[0].style.maxWidth || `${initialWidths[0]}`, 10)
+    })
+    Reflect.defineProperty(itemElements[1], "clientWidth", {
+      configurable: true,
+      get: () => Number.parseInt(itemElements[1].style.maxWidth || `${initialWidths[1]}`, 10)
+    })
+    Reflect.defineProperty(element, "scrollWidth", {
+      configurable: true,
+      get: () => Array.from(itemElements).reduce((sum, item) => sum + item.clientWidth, 0)
+    })
+    Reflect.defineProperty(itemElements[0], "scrollWidth", {
+      configurable: true,
+      get: () => (textElements[0].textContent.length > 16
+        ? 120
+        : 80)
+    })
+    Reflect.defineProperty(itemElements[1], "scrollWidth", {
+      configurable: true,
+      get: () => 50
+    })
+
+    await startController()
+    controller.refresh()
+
+    expect(textElements[0].textContent).not.toBe("Very long participatory space title example")
+    expect(textElements[0].textContent.endsWith("...")).toBe(true)
+    expect(textElements[1].textContent).toBe("Proposals")
+  })
+
+  it("preserves shorter deep breadcrumb labels while shrinking the longest one first", async () => {
+    document.body.innerHTML = `
+      <nav data-controller="breadcrumb-truncate">
+        <span data-breadcrumb-truncate-target="item">
+          <span data-breadcrumb-truncate-target="text">This is a very long title for a participatory process for a test</span>
+        </span>
+        <span data-breadcrumb-truncate-target="item">
+          <span data-breadcrumb-truncate-target="text">Debates</span>
+        </span>
+        <span data-breadcrumb-truncate-target="item">
+          <span data-breadcrumb-truncate-target="text">Debate made by a participant</span>
+        </span>
+      </nav>
+    `
+
+    application.stop()
+    application = Application.start()
+    application.register("breadcrumb-truncate", BreadcrumbTruncateController)
+
+    element = document.querySelector('[data-controller="breadcrumb-truncate"]')
+    const itemElements = element.querySelectorAll('[data-breadcrumb-truncate-target="item"]')
+    const textElements = element.querySelectorAll('[data-breadcrumb-truncate-target="text"]')
+
+    Reflect.defineProperty(element, "clientWidth", { configurable: true, value: 220 })
+
+    const initialWidths = [180, 56, 104]
+
+    itemElements.forEach((item, index) => {
+      Reflect.defineProperty(item, "clientWidth", {
+        configurable: true,
+        get: () => Number.parseInt(item.style.maxWidth || `${initialWidths[index]}`, 10)
+      })
+    })
+    Reflect.defineProperty(element, "scrollWidth", {
+      configurable: true,
+      get: () => Array.from(itemElements).reduce((sum, item) => sum + item.clientWidth, 0)
+    })
+
+    Reflect.defineProperty(itemElements[0], "scrollWidth", {
+      configurable: true,
+      get: () => (textElements[0].textContent.length > 18
+        ? 160
+        : 80)
+    })
+    Reflect.defineProperty(itemElements[1], "scrollWidth", {
+      configurable: true,
+      get: () => 56
+    })
+    Reflect.defineProperty(itemElements[2], "scrollWidth", {
+      configurable: true,
+      get: () => (textElements[2].textContent.length > 20
+        ? 120
+        : 96)
+    })
+
+    await startController()
+    controller.refresh()
+
+    expect(textElements[0].textContent.endsWith("...")).toBe(true)
+    expect(textElements[1].textContent).toBe("Debates")
+    expect(textElements[2].textContent).toBe("Debate made by a participant")
+  })
+})