Git Product home page Git Product logo

Comments (11)

yannbf avatar yannbf commented on May 24, 2024 16

Alright, I'll do some experimentations with it! Thanks!

from test-runner.

horacioh avatar horacioh commented on May 24, 2024 8

what I'm trying to do is to use Vitest instead of Jest to run the test-runner. this will minimize the amount of setup, configs and time to run tests I assume by a substantial amount.

can storybook rely on Vite to transform the stories instead? that would be neat!

from test-runner.

bryanjtc avatar bryanjtc commented on May 24, 2024 4

Any progress on this? @yannbf Did running with vitest instead of jest worked?

from test-runner.

rc-glean avatar rc-glean commented on May 24, 2024 3

+1, @yannbf. Thank you so much for all your work on storybook!

Just to offer another datapoint, here's (IMO) one compelling reason to support @playwright/test. It has access to the experimental ssim-cie94 image comparator (cross-link microsoft/playwright#13873 (comment)).

Context: a common problem is developers might generate screenshots locally on an arm mac, and execute CI tests against x86 linux.

This yields non-determinism. From https://gitnet.fr/deblan/playwright/commit/6d82460a02dec3393490bcab7b619f668f03e6c6

As of Nov 30, 2022, we identified the following sources of
non-determenistic rendering for Chromium:

  • Anti-aliasing for certain shapes might be different due to the
    way skia rasterizes certain shapes.
  • Color blending might be different on x86 and aarch64
    architectures.

As it stands, non SaaS (chromatic/percy) solutions like Amex's americanexpress/jest-image-snapshot#326 does not have access to this experimental comparator even when setting package.json resolutions

from test-runner.

yannbf avatar yannbf commented on May 24, 2024

Hey @jeremyzila, we use jest-playwright as the playwright runner does not support file transformations and we need that in order to turn stories into tests. If they ever support that we could totally support it as a runner too.

I wonder what's your use case, specifically the typescript part. Our runner also has support for typescript!

from test-runner.

yannbf avatar yannbf commented on May 24, 2024

Hey @patak-dev do you think we can already experiment with vite? Will it be able to accept transformations like jest?

from test-runner.

patak-dev avatar patak-dev commented on May 24, 2024

Yes, from the code you shown me last time, I dont see any blockers

from test-runner.

andykenward avatar andykenward commented on May 24, 2024

I think we might be able to use @playwright/test as playwright just appears to be a wrapper to playwright-core. Which is used in @playwright/test aswell.

from test-runner.

andykenward avatar andykenward commented on May 24, 2024

It looks like jest-playwright is installing playwright-core too https://github.com/playwright-community/jest-playwright/blob/95b83774be71e3859875ccdcc27e0e5aef28c3ff/package.json#L49.

from test-runner.

andykenward avatar andykenward commented on May 24, 2024

It looks like jest-playwright is installing playwright-core too https://github.com/playwright-community/jest-playwright/blob/95b83774be71e3859875ccdcc27e0e5aef28c3ff/package.json#L49.

Ah nope. Still need to install playwright to use jest-playwright-preset. Would've thought that playwright would be a peerDependencies for jest-playwright-preset.

from test-runner.

resource11 avatar resource11 commented on May 24, 2024

Oooo, I'd love to know this as well, @yannbf. Thanks for all your work on Storybook!

from test-runner.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.