Skip to content

[BOOKINGSG-9236] migrate data table to linaria css#1170

Open
ghazwan-gt wants to merge 22 commits into
pre-release/v4from
BOOKINGSG-9236/data-table
Open

[BOOKINGSG-9236] migrate data table to linaria css#1170
ghazwan-gt wants to merge 22 commits into
pre-release/v4from
BOOKINGSG-9236/data-table

Conversation

@ghazwan-gt
Copy link
Copy Markdown

Checklist

  • Migrated the component styles
    • className is chained correctly with clsx
    • User style prop is set as CSS variable
  • Changes follow the project guidelines in CONVENTIONS_V4.md
  • Updated Storybook documentation
  • Added/updated unit tests
  • Added visual tests
  • Listed breaking changes

Comment thread e2e/tests/components/data-table/data-table.e2e.spec.ts Outdated
Comment thread e2e/tests/components/data-table/data-table.e2e.spec.ts Outdated
Comment thread e2e/tests/components/data-table/data-table.e2e.spec.ts Outdated
Comment thread src/data-table/data-table.styles.ts Outdated
Comment thread src/data-table/data-table.tsx Outdated
Comment thread src/data-table/data-table.styles.ts Outdated
Comment thread e2e/tests/components/data-table/data-table.e2e.spec.ts Outdated
Comment thread e2e/tests/components/data-table/data-table.e2e.spec.ts Outdated
Comment thread tests/jest-setup.ts Outdated
@qroll qroll added the type: chore For technical improvements or refactoring. label May 13, 2026
Comment on lines +102 to +110
test.describe(() => {
test.beforeEach(async ({ story }) => {
await story.init("default", { mode: "dark" });
});

test("Default Dark Mode", async ({ story }) => {
await compareScreenshot(story, "mount");
});
});
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

move this out of the describe block so that the beforeEach from the other test doesn't run twice

Comment on lines +145 to +147
test.beforeEach(async ({ story }) => {
await story.init("alternating-rows", { mode: "dark" });
});
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

same here, and for action bar

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

hmmm this screenshot shouldn't be in dark mode

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

type: chore For technical improvements or refactoring.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants