storybookjs/storybook

addon-jest test total and time total overlap "Todo" text on small screens.

已關閉

#8,596 建立於 2019年10月28日

 (7 則留言) (0 個反應) (0 位負責人)TypeScript (10,058 個分叉)batch import
addon: jestbugfeature requestgood first issuehelp wantedtriage:reviewed

倉庫指標

星標
 (89,909 顆星)
PR 合併指標
 (平均合併 7天 22小時) (30 天內合併 184 個 PR)

描述

Describe the bug A clear and concise description of what the bug is.

To Reproduce Steps to reproduce the behavior:

  1. Go to 'https://storybookjs.now.sh/official-storybook/?path=/story/addons-jest--with-tests' in a narrow width browser.
  2. Click on the Tests panel.
  3. Scroll down to see the tests panel.
  4. See the total number of tests and total time covering up the "Todo" text.

Expected behavior The text does not overlap.

Screenshots If applicable, add screenshots to help explain your problem. Screen Shot 2019-10-28 at 1 55 41 PM Code snippets If applicable, add code samples to help explain your problem.

System: Please paste the results of npx -p @storybook/cli@next sb info here.

System:
    OS: macOS Mojave 10.14.6
    CPU: (12) x64 Intel(R) Core(TM) i7-8750H CPU @ 2.20GHz
  Binaries:
    Node: 10.16.3 - /usr/local/bin/node
    npm: 6.12.0 - /usr/local/bin/npm
  Browsers:
    Chrome: 77.0.3865.90
    Firefox: 69.0.2
    Safari: 12.1.2
  npmPackages:
    @storybook/addon-a11y: ^5.2.5 => 5.2.5
    @storybook/addon-actions: ^5.2.5 => 5.2.5
    @storybook/addon-docs: ^5.2.5 => 5.2.5
    @storybook/addon-jest: ^5.2.5 => 5.2.5
    @storybook/addon-knobs: ^5.2.5 => 5.2.5
    @storybook/addon-links: ^5.2.5 => 5.2.5
    @storybook/addons: ^5.2.5 => 5.2.5
    @storybook/react: ^5.2.5 => 5.2.5
    @storybook/theming: ^5.2.5 => 5.2.5

Additional context I looked into this a little bit and discovered that the Accessibility addon has solved this issue by dropping down the "highlight results" checkbox to the next line. The total tests and total time for for the addon-jest is absolutely positioned and seems to be setup a bit differently than that addon.

貢獻者指南