Testing the ToolbarNodeSkeleton component with Faust.js.

CustomToolbar.tsx

import React from 'react';
import { FaustHooks, FaustPlugin } from '@faustwp/core';
import { FaustToolbarNodes, ToolbarNodeSkeleton } from '@faustwp/core/toolbar';

export class CustomToolbar implements FaustPlugin {
  apply(hooks: FaustHooks) {
    hooks.addFilter('toolbarNodes', 'faust', (toolbarNodes: FaustToolbarNodes) => {

      const customToolbarNodes: FaustToolbarNodes = [
        {
          id: 'test1',
          location: 'primary',
          component: <ToolbarNodeSkeleton />,
        },
        {
          id: 'test2',
          location: 'primary',
          component: <ToolbarNodeSkeleton />,
        },
      ];

      return [...toolbarNodes, ...customToolbarNodes];
    });
  }
}