Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
storybook-addon-launchdarkly
Advanced tools
Readme
Use LaunchDarkly in your Storybook stories.
This is not official storybook addon. I made this because LD won't for years https://github.com/launchdarkly/react-client-sdk/issues/30.
I can't actively handle the issues which is not in my usecase. (and won't because LD should do officially.)
yarn
yarn add --dev storybook-addon-launchdarkly
npm
npm install -D storybook-addon-launchdarkly
Add the addon to your configuration in .storybook/main.js
module.exports = {
...config,
addons: [
...your addons
"storybook-addon-launchdarkly",
],
};
import Example from '.';
const meta: Meta<typeof Exapmle> = {
component: Example,
};
export default meta;
export const Default: StoryObj = {
parameters: {
launchdarkly: {
flags: {
testFlag: true,
},
},
},
};
Because composeStory dosen't handdle addons, you need to setup. check this comment for referrence.
// setupFile.js
import { setGlobalConfig } from '@storybook/testing-react';
import * as globalConfig from '../.storybook/preview';
import { decorators } from 'storybook-addon-launchdarkly/dist';
setGlobalConfig({
...globalConfig,
decorators: [
...globalConfig.decorators,
// not loaded automatically in preset, must add this manually for @storybook/testing-react to pick it up
...decorators,
],
});
// Example.test.tsx
import { composeStories } from '@storybook/testing-react';
import { render, screen } from '@testing-library/react';
import * as stories from './Example.stories';
describe('Example', () => {
const { True, False } = composeStories(stories);
test('flag shoud be True', async () => {
render(<True {...True.args} />);
expect(screen.queryByText('True')).not.toBeNull();
expect(screen.queryByText('False')).toBeNull();
});
test('flag shoud be False', async () => {
render(<False {...False.args} />);
expect(screen.queryByText('True')).toBeNull();
expect(screen.queryByText('False')).not.toBeNull();
});
});
FAQs
Use Launchdarkly in your Storybook stories.
The npm package storybook-addon-launchdarkly receives a total of 6,974 weekly downloads. As such, storybook-addon-launchdarkly popularity was classified as popular.
We found that storybook-addon-launchdarkly demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.