[CRUD] Add basic tests

[apedroferreira]

Add tests for CRUD component.

Covers:

• list view
• detail view
• creating items
• editing items
• deleting items from list view
• deleting items from detail view.

[mui-bot]

Netlify deploy preview

https://deploy-preview-4709--mui-toolpad-docs.netlify.app/

Generated by 🚫 dangerJS against 8fa7c9c

[Janpot]

Using an all encompassing promise constructor with callback code inside is an anti-pattern. This should really be written as

  getMany: async ({ paginationModel, filterModel, sortModel }) => {
    await new Promise((resolve) => {
      setTimeout(resolve, 750);
    });

    let processedNotes = [...notesStore];

    // Apply filters (demo only)
    if (filterModel?.items?.length) {
      filterModel.items.forEach(({ field, value, operator }) => {
        if (!field || value == null) {
          return;
        }

        processedNotes = processedNotes.filter((note) => {
          const noteValue = note[field];

          switch (operator) {
            case 'contains':
              return String(noteValue)
                .toLowerCase()
                .includes(String(value).toLowerCase());
            case 'equals':
              return noteValue === value;
            case 'startsWith':
              return String(noteValue)
                .toLowerCase()
                .startsWith(String(value).toLowerCase());
            case 'endsWith':
              return String(noteValue)
                .toLowerCase()
                .endsWith(String(value).toLowerCase());
            case '>':
              return noteValue > value;
            case '<':
              return noteValue < value;
            default:
              return true;
          }
        });
      });
    }

    // Apply sorting
    if (sortModel?.length) {
      processedNotes.sort((a, b) => {
        for (const { field, sort } of sortModel) {
          if (a[field] < b[field]) {
            return sort === 'asc' ? -1 : 1;
          }
          if (a[field] > b[field]) {
            return sort === 'asc' ? 1 : -1;
          }
        }
        return 0;
      });
    }

    // Apply pagination
    const start = paginationModel.page * paginationModel.pageSize;
    const end = start + paginationModel.pageSize;
    const paginatedNotes = processedNotes.slice(start, end);

    return {
      items: paginatedNotes,
      itemCount: processedNotes.length,
    };
  },

everywhere. In most cases, code inside of a promise constructure should be strictly reduced to the callback calling function in practice, then be composed as promises.

[apedroferreira]

Ok I can change that so that not everything is wrapped in the Promise, using await just for the timeout sounds good.