Soy nuevo en el libro de cuentos y los documentos dejan bastante claro la forma idiomática de escribir historias en Angular. Aquí hay un ejemplo de uno para mi aplicación:
import { Meta, Story } from '@storybook/angular'; import {CustomerListComponent} from "@app/modules/customer/customer-search/components/customer-list/customer-list.component"; export default { title: 'Customer List', component: CustomerListComponent, } as Meta; const Template: Story = (args) => ({ props: args, }); export const EmptyArgs = Template.bind({}); EmptyArgs.args = {};Esto falla con el siguiente error:
De hecho, si observamos el constructor de CustomerListComponent , existe una dependencia de CustomerSearchComponent .
@Component({ selector: 'customer-list', templateUrl: './customer-list.component.html', styleUrls: ['./customer-list.component.scss'] }) export class CustomerListComponent { constructor ( private customerSearchComponent: CustomerSearchComponent, ) { } ... Entonces, ¿qué se hace típicamente en este caso? ¿Puedo simplemente decirle al libro de cuentos que cargue ese componente y las dependencias que tenga, etc.? ¿Debo pasar un simulacro de CustomerSearchComponent de alguna manera? Tengo problemas para encontrar ejemplos limpios de casos como este, los documentos de libros de cuentos parecen asumir componentes sin dependencias en otros componentes.
Esto también me hace pensar: ¿no debería planear usar un libro de cuentos para generar vistas más grandes (es decir, padres con varios componentes secundarios)? ¿Eso va a ser difícil de configurar?
PD: pregunta aleatoria: ¿la sintaxis storiesOf está en desuso? No está en documentos oficiales sino en tutoriales en toda la web.
Según lo que ha publicado, esto probablemente podría ayudarlo, ¿puede probarlo y ver si agregar el componente de búsqueda también representará el componente?
Además, para responder a su pregunta relacionada con la sintaxis de storiesOf, está en desuso para la mayoría de los marcos compatibles, con la excepción de React Native. Según los comentarios del mantenedor, React Native recibirá una actualización pronto para eliminarlo.