coen.bakker

coen.bakker

I am testing a feature that uses an scroll event listener. I am using the event listener inside a JS hook.

Basically this.

mounted() {
  this.el.addEventListener('scroll', () => {
    ...
    this.pushEvent("scroll_changed", ...)
  })
}

I am using Wallaby to test this feature, and I have set up Wallaby to scroll to a certain location during the test. And using take_screenshot() I have confirmed the page indeed gets scrolled to the right location.

feature "", %{session, session} do
  user = ...

  session
  |> log_in_user(user)
  |> visit(~p"/read/#{story.id}")
  |> scroll_into_view(@resume_location)
end

def scroll_into_view(session, selector) do
  execute_script(
    session,
    """
    document.querySelector(arguments[0]).scrollIntoView({
      behavior: 'auto',
      block: 'center',
      inline: 'center'
    })
    """,
    [selector]
  )
end

I expect to handle the “scroll_changed” event during testing. Outside of testing I always receive the event. During testing I don’t receive the event.

This IO.inspect() never gets printed.

def handle_event("scroll_changed",_, socket) do
  IO.inspect("received!")
end

I also tried using touch_scroll instead of execute_script.

Any idea what could explain this behaviour?

Where Next? Top

Trending in Questions Top

RSP87
I’m working on a project that simulates the bumbl example in the programming phoenix book. It acts almost like an email client. We have a...
New
kszambelanczyk
Hello! Could someone please give me a help/sample code, how to delete a file from s3 using waffle/waffle_ecto from Phoenix app. I creat...
New
RemyXRenard
I’m seeing that a list inside a Kino.DataTable will be interpreted as a charlist, even if the Kino.configure() is set to charlists: :as_l...
New
velrest
So my question is quite simple and i have found no conclusive answer on forum, google or AI. Should we use :erlang.float for Integer to ...
New
samoloth
Hi, I’ve just set up an application with ash_authentication. There is only magic link strategy for now, so there is no confirmation add o...
New
FlyingNoodle
If a change or preparation module uses Ash.Changeset.get_argument/2 or Ash.Query.get_argument/2 (or any of the other get_argument functio...
New
ryanwinchester
apply_graft/2 doesn’t rewrite an add_many sub-workflow’s deps on an add step. Grafted jobs cancel with “upstream job was deleted” Version...
New

Other Trending Topics Top

mudasobwa
I am happy to introduce the very α version of the new programming language compiled to BEAM. Welcome Cure. It has literally three kille...
New
garrison
Hobbes is a low-level distributed database for the Elixir programming language. Hobbes provides a simple, safe, and scalable storage lay...
New
marciok
Hi there! We created Gust: A task orchestrator inspired by Airflow. For those who have never heard about Aiflow, it’s a Python-based wor...
New
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
Dmk
Xamal is a deployment tool for Elixir apps that deploys native releases to bare metal servers over SSH. It’s a port of GitHub - basecamp/...
New
Damirados
Hello everyone. After busy few months I am happy to announce v0.1.0 of Emerge & Solve. They are GUI (Emerge) and State management (S...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews