From 22c93ff9534ef15cbfc5b11bf414f197d245d4d5 Mon Sep 17 00:00:00 2001 From: jonniebigodes Date: Tue, 14 May 2024 16:51:19 +0100 Subject: [PATCH] Minor Fixes to the Italian translations --- README.md | 3 ++- content/intro-to-storybook/react/it/get-started.md | 2 +- content/intro-to-storybook/react/it/screen.md | 14 ++++++++++---- .../intro-to-storybook/vue/it/simple-component.md | 2 +- gatsby-config.js | 3 ++- 5 files changed, 16 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index c4ff28a5c..894d3841a 100644 --- a/README.md +++ b/README.md @@ -247,12 +247,13 @@ Currently, the [Intro to Storybook tutorial](https://storybook.js.org/tutorials/ | | Korean | ❌ | | | Japanese | ❌ | | | French | ❌ | -| | Italian | ❌ | +| | Italian | ✅ | | | German | ❌ | | React Native | English | ✅ | | | Spanish | ❌ | | | Portuguese | ✅ | | Vue | English | ✅ | +| | Italian | ✅ | | | Spanish | ❌ | | | Portuguese | ❌ | | | French | ❌ | diff --git a/content/intro-to-storybook/react/it/get-started.md b/content/intro-to-storybook/react/it/get-started.md index 4e5acf78a..e34ff7980 100644 --- a/content/intro-to-storybook/react/it/get-started.md +++ b/content/intro-to-storybook/react/it/get-started.md @@ -5,7 +5,7 @@ description: 'Configura Storybook nel tuo ambiente di sviluppo' commit: 'bf3514f' --- -Storybook funziona in parallelo con la tua app in modalità di sviluppo. Ti aiuta a costruire componenti dell'interfaccia utente isolati dalla logica aziendale e dal contesto della tua app. Questa edizione del tutorial Intro to Storybook è per React; esistono altre edizioni per [React Native](/intro-to-storybook/react-native/en/get-started), [Vue](/intro-to-storybook/vue/en/get-started), [Angular](/intro-to-storybook/angular/en/get-started), [Svelte](/intro-to-storybook/svelte/en/get-started) ed [Ember](/intro-to-storybook/ember/en/get-started). +Storybook funziona in parallelo con la tua app in modalità di sviluppo. Ti aiuta a costruire componenti dell'interfaccia utente isolati dalla logica aziendale e dal contesto della tua app. Questa edizione del tutorial Intro to Storybook è per React; esistono altre edizioni per [React Native](/intro-to-storybook/react-native/en/get-started), [Vue](/intro-to-storybook/vue/it/get-started), [Angular](/intro-to-storybook/angular/en/get-started), [Svelte](/intro-to-storybook/svelte/en/get-started) ed [Ember](/intro-to-storybook/ember/en/get-started). ![Storybook e la tua app](/intro-to-storybook/storybook-relationship.jpg) diff --git a/content/intro-to-storybook/react/it/screen.md b/content/intro-to-storybook/react/it/screen.md index 0efb9fad1..b55a61171 100644 --- a/content/intro-to-storybook/react/it/screen.md +++ b/content/intro-to-storybook/react/it/screen.md @@ -246,7 +246,7 @@ Successivamente, dovremo aggiornare il nostro file `.storybook/preview.js` e ini import '../src/index.css'; + // Registers the msw addon -+ import { initialize, mswDecorator } from 'msw-storybook-addon'; ++ import { initialize, mswLoader } from 'msw-storybook-addon'; + // Initialize MSW + initialize(); @@ -254,7 +254,6 @@ import '../src/index.css'; //👇 Configures Storybook to log the actions( onArchiveTask and onPinTask ) in the UI. /** @type { import('@storybook/react').Preview } */ const preview = { -+ decorators: [mswDecorator], parameters: { actions: { argTypesRegex: "^on[A-Z].*" }, controls: { @@ -264,6 +263,7 @@ const preview = { }, }, }, ++ loaders: [mswLoader], }; export default preview; @@ -354,10 +354,10 @@ import { Provider } from 'react-redux'; + import { + fireEvent, -+ within, + waitFor, ++ within, + waitForElementToBeRemoved -+ } from '@storybook/testing-library'; ++ } from '@storybook/test'; export default { component: InboxScreen, @@ -408,6 +408,12 @@ export const Error = { }; ``` +
+ +💡 Il pacchetto `@storybook/test` sostituisce i pacchetti di test `@storybook/jest` e `@storybook/testing-library` offrendo una dimensione bundle più piccola e un'API più semplice basata sul pacchetto [Vitest](https://vitest.dev/). + +
+ Controlla la storia `Default`. Clicca sul pannello `Interazioni` per vedere l'elenco delle interazioni all'interno della funzione play della storia.