Skip to content

Commit

Permalink
Lint
Browse files Browse the repository at this point in the history
  • Loading branch information
@obulat
obulat committed Jan 16, 2025
1 parent 301d38e commit 87c8f93
Showing 1 changed file with 6 additions and 7 deletions.
13 changes: 6 additions & 7 deletions frontend/test/unit/specs/components/AudioTrack/v-audio-track.spec.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -166,10 +166,10 @@ describe("AudioTrack", () => {
state: {
id: audioId,
message: "playing",
type: "audio"
}
type: "audio",
},
})

const { getByText } = await render(VAudioTrack, options)
expect(getByText(/playing/i)).toBeVisible()

Check failure on line 174 in frontend/test/unit/specs/components/AudioTrack/v-audio-track.spec.js

View workflow job for this annotation

GitHub Actions / Run Nuxt checks (unit_test)

../test/unit/specs/components/AudioTrack/v-audio-track.spec.js > AudioTrack > should show message when audio ID matches active ID 

TestingLibraryElementError: Unable to find an element with the text: /playing/i. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div
    data-v-app=""
    id="__nuxt"
  />
  <div>
    <div
      id="test-wrapper"
    >
      
      <div
        aria-label="Audio: La vie des bêtes"
        class="audio-track group block overflow-hidden rounded-sm hover:no-underline"
      >
        <div
          class="full-track w-full"
        >
          <div
            class="relative border-b border-default"
          >
            <div
              class="md:mx-4 lg:mx-10"
            >
              
              <div
                aria-disabled="false"
                aria-label="Audio seek bar"
                aria-orientation="horizontal"
                aria-role="slider"
                aria-valuemax="270"
                aria-valuemin="0"
                aria-valuenow="0"
                aria-valuetext="0 second"
                class="waveform bg-background-var group/waveform relative overflow-hidden text-default focus-visible:outline-none"
                data-v-4a8222ae=""
                style="--usable-height: 80%; --unusable-height: 19%;"
                tabindex="0"
              >
                <svg
                  class="shadow-ring-1 absolute inset-0 z-20 hidden h-full w-full group-focus/waveform:block"
                  data-v-4a8222ae=""
                  preserveAspectRatio="none"
                  viewBox="0 0 0 0"
                  xmlns="http://www.w3.org/2000/svg"
                />
                <svg
                  class="absolute inset-0 h-full w-full"
                  data-v-4a8222ae=""
                  preserveAspectRatio="none"
                  viewBox="0 0 0 0"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <rect
                    class="progress-bar"
                    data-v-4a8222ae=""
                    height="100%"
                    width="0"
                    x="0"
                    y="0"
                  />
                </svg>
                <svg
                  class="bars absolute bottom-0 w-full with-space"
                  data-v-4a8222ae=""
                  preserveAspectRatio="none"
                  viewBox="0 0 0 0"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  
                  <rect
                    class="origin-bottom transform transition-transform duration-500 scale-y-100 fill-wave-inactive"
                    data-v-4a8222ae=""
                    height="0"
                    width="2"
                    x="0"
                    y="0"
                  />
                  <rect
                    class="origin-bottom transform transition-transform duration-500 scale-y-100 fill-wave-inactive"
                    data-v-4a8222ae=""
                    height="0"
                    width="2"
                    x="4"
                    y="0"
                  />
                  
                </svg>
                
                
                <div
                  class="progress timestamp z-10 transform bg-background-var"
                  data-v-4a8222ae=""
                  style="--progress-time-left: 0px;"
                >
                  0:00
                </div>
                
                <div
                  class="duration timestamp bg-background-var right-0"
                  data-v-4a8222ae=""
                >
                  4:30
                </div>
                
              </div>
              
            </div>
          </div>
          <div
            class="mx-auto grid grid-cols-1 grid-rows-[auto,1fr] gap-y-6 p-6 pb-0 sm:grid-cols-[1fr,auto] sm:grid-rows-1 sm:gap-x-6 lg:mb-6 lg:max-w-5xl"
          >
            <div
              class="row-start-1 flex justify-between gap-x-6 sm:col-start-2 sm:mt-1"
            >
})
Expand All @@ -180,12 +180,11 @@ describe("AudioTrack", () => {
state: {
id: "different-id",
message: "playing",
type: "audio"
}
type: "audio",
},
})

const { queryByText } = await render(VAudioTrack, options)
expect(queryByText(/playing/i)).not.toBeInTheDocument()
})
})

0 comments on commit 87c8f93

Please sign in to comment.