text: import React from 'react'
  import ReactDOM from 'react-dom'
  import '@testing-library/jest-dom/extend-expect'
  
  import { WithPinnedTasks } from './TaskList.stories' //👈  Our story imported here
  
  it('renders pinned tasks at the start of the list', () => {
    const div = document.createElement('div')
    //👇 Story's args used with our test
    ReactDOM.render(<WithPinnedTasks {...WithPinnedTasks.args} />, div)
  
    // We expect the task titled "Task 6 (pinned)" to be rendered first, not at the end
    const lastTaskInput = div.querySelector(
      '.list-item:nth-child(1) input[value="Task 6 (pinned)"]'
    )
    expect(lastTaskInput).not.toBe(null)
  
    ReactDOM.unmountComponentAtNode(div)
  })
  