// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html

exports[`StoryRow > renders #id prefix before the story name 1`] = `
<div>
  <div
    style="display: flex; align-items: center; gap: 8px; padding: 4px 0px; font-size: 0.82em;"
  >
    <span
      style="padding: 1px 6px; border-radius: 10px; background: rgba(63, 185, 80, 0.133); color: rgb(63, 185, 80); border: 1px solid rgba(63, 185, 80, 0.267); white-space: nowrap; flex-shrink: 0;"
    >
      In Progress
    </span>
    <span
      style="color: rgb(230, 237, 243); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"
    >
      <span
        style="color: rgb(139, 148, 158); font-family: monospace;"
      >
        #
        42
         
      </span>
      Add Feature
    </span>
  </div>
</div>
`;

exports[`StoryRow > renders #id prefix for a backlogged story 1`] = `
<div>
  <div
    style="display: flex; align-items: center; gap: 8px; padding: 4px 0px; font-size: 0.82em;"
  >
    <span
      style="padding: 1px 6px; border-radius: 10px; background: rgba(210, 166, 121, 0.133); color: rgb(210, 166, 121); border: 1px solid rgba(210, 166, 121, 0.267); white-space: nowrap; flex-shrink: 0;"
    >
      QA
    </span>
    <span
      style="color: rgb(230, 237, 243); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"
    >
      <span
        style="color: rgb(139, 148, 158); font-family: monospace;"
      >
        #
        7
         
      </span>
      Fix crash on startup
    </span>
  </div>
</div>
`;

exports[`StoryRow > renders name without id prefix when story_id has no leading number 1`] = `
<div>
  <div
    style="display: flex; align-items: center; gap: 8px; padding: 4px 0px; font-size: 0.82em;"
  >
    <span
      style="padding: 1px 6px; border-radius: 10px; background: rgba(121, 192, 255, 0.133); color: rgb(121, 192, 255); border: 1px solid rgba(121, 192, 255, 0.267); white-space: nowrap; flex-shrink: 0;"
    >
      Merging
    </span>
    <span
      style="color: rgb(230, 237, 243); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"
    >
      Mystery Story
    </span>
  </div>
</div>
`;