Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
    Rohit Wadhwa

    Unable to right test cases mostly getting these errors :

    Output of above code :

    Test suite failed to run
        ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import defaultLocale from './default';
        SyntaxError: Cannot use import statement outside a module
        > 1 | import localeAntd from 'antd/es/locale/en_US'
            | ^
          2 | 
          3 | const messages = {
          4 |   'topBar.issuesHistory': 'Issues History',
          at ScriptTransformer._transformAndBuildScript (node_modules/@jest/transform/build/ScriptTransformer.js:537:17)
          at ScriptTransformer.transform (node_modules/@jest/transform/build/ScriptTransformer.js:579:25)
          at Object.<anonymous> (src/locales/en-US.js:1:1)

    Can you help because in shallow testing its loading complete main page layout and the main issue was import defaultLocale from './default';

    Need help here, because i am not able to write a simple test case, I have also tried these as above :

    import React from 'react'
    import ReactDOM from 'react-dom'
    import { MemoryRouter } from 'react-router-dom'
    import Login from 'components/cleanui/system/Auth/Login'
    import configureMockStore from 'redux-mock-store'
    import { Provider } from 'react-redux'
    import { IntlProvider } from 'react-intl'
    const mockStore = configureMockStore()
    const store = mockStore({ settings: { authProvider: 'jwt', logo: '' }, user: { loading: false } })
    const messages = {
      'topBar.issuesHistory': 'Issues History',
      'topBar.projectManagement': 'Project Management',
      'topBar.typeToSearch': 'Search...',
      'topBar.findPages': 'Find pages...',
      'topBar.actions': 'Actions',
      'topBar.status': 'Status',
      'topBar.profileMenu.hello': 'Hello',
      'topBar.profileMenu.billingPlan': 'Billing Plan',
      'topBar.profileMenu.role': 'Role',
      'topBar.profileMenu.email': 'Email',
      'topBar.profileMenu.phone': 'Phone',
      'topBar.profileMenu.editProfile': 'Edit Profile',
      'topBar.profileMenu.lockscreen': 'Lockscreen',
      'topBar.profileMenu.logout': 'Logout',
      'login.login': 'Login',
      'login.email': 'E-mail',
      'login.password': 'Password',
      'login.forgotpassword': 'Forgot Password',
    it('renders without crashing', () => {
      const div = document.createElement('div')
        <IntlProvider locale="en-US" messages={messages}>
            <Provider store={store}>
              <Login />

    Output :

    console.error node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/virtual-console.js:29
       Error: Uncaught [TypeError: window.matchMedia is not a function]
            at reportException (/home/rohit/Drive/workspace/pws/pws-ui/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/helpers/runtime-script-errors.js:661

    please have a look @sellpixels-robot

    Mayank Agarwal
    @sellpixels-robot please give some ETA on the Visual Builder
    Daniel Sanchez
    @sellpixels-robot Any updates on the Visual Builder? That was a large reason for getting this UI
    Cheehow WEE
    I wonder if anyone here have implemented charts with AntV G2 Plot: https://antv-g2plot.gitee.io/en/examples/gallery
    I think their charts are very comprehensive and modern looking, however I couldn't get it to work with CRA, due to limited knowledge on its configuration
    Cheehow WEE

    I think their charts are very comprehensive and modern looking, however I couldn't get it to work with CRA, due to limited knowledge on its configuration

    Following up on this, the React mod is released, however the documentation language is in Chinese: https://charts.ant.design/
    I guess, Google Translate will serve a good purpose here if you are exploring charts, one of the comprehensive I've found, and it fits well with Clean UI React.

    2 replies
    Almog Koren
    Has anyone integrated this with MeteorJS
    1 reply
    and are there any google maps example
    Daniel Sanchez
    any updates on the visual builder? @sellpixels-robot
    Peter Penzov
    hello Team
    I'm interested what is the progress on Angular template cleanui-admin-template-angular
    Any plans to update it for Angular 10 soon?
    1 reply
    Alexander Kashmensky
    What is a visual builder and where can I read about it?
    1 reply
    Ivan Skiridomov
    Hi, Is there new about Laravel VueJS integration ? Can I help to contribute ?
    2 replies
    Hello, I have a new install of the angular theme, the UI is messed up but no pop any errors
    1 reply
    Imad Yaici
    Hello team
    I'm interested in your admin templates Air UI and Clean UI
    And I can't really see the difference between them
    so what do you advise?
    what are the differences between them?
    which one is better?
    6 replies
    Hi is the latest version launched? The Clean UI site shows the countdown timer at 0, just wondering if there's any updates on this.
    1 reply
    Imad Yaici
    can anyone help on the difference between Clean UI and Air UI?
    1 reply
    @sellpixels-robot Is anyone reading this channel? Does anyone know if the latest version is launched? The Clean UI site shows the countdown timer at 0 and it's been sitting there for days, just wondering if there's any updates on this.
    1 reply
    Daniel Sanchez
    No, its been like that for like a month now. They're in Belarus and I think they've been having major issues over there
    4 replies
    hello, i just wonder if the vue project updated to vue3 or still its vue 2 ?
    1 reply
    Did you use typescript for React admin template?
    2 replies
    Bilal Shah
    Is there a text file available that shows the complete file structure for cleanui-admin-template-react-cra. Its not very convenient taking screenshot from the website :)
    2 replies
    Hi, currently we are trying to use cleanui-admin-template-vue-laravel, we're using laravel sanctum as auth provider, currently we succeed to do login, but when we tried to do request it always return unauthenticated. we already add withCredentials: true to axios config but no success, does anyone having similar problem?
    1 reply
    Amin Saighi
    Hello, I need ur help;
    I need to add the clean ui to my project angular
    what's the best way the make it fast ?
    1 reply
    thank you guys
    is there a way to keep entire menu fixed, not just the TopBar?
    Vivek Elayidom
    Hi.. I cannot see ANT components like TreeList with search in the HTML package..
    is this only limited to React?
    Fletrix Dev
    I found there is no sketch file for "Style guide" such as typography
    Hi CleanUI team, I'd like to know if CleanUI support the antd 3x version? I've encountered some style issue with antd 3.26.18 when integrating CleanUI to my project

    Hi, I would like to buy CleanUI as our Website React template, I appreciate if you may kindly answer my questions:

    1) Is there any way that the user can close one widget or draggable that widget (some other templates have it)?

    2) Our company portal has multiple users (one domain) that they paid annually payment for membership, a regular license is enough?

    3) The React Template has RTL (Right to Left) support? or at least do you have any plan to do it later?

    Daniel Sanchez
    When will we have access to the Visual Builder?
    Daniel Sanchez
    @sellpixels-robot When can we start using the Visual Builder?
    Daniel Sanchez
    @sellpixels-robot Any information for the Visual Builder? It should have been out today or yesterday according to the timer
    Daniel Sanchez
    @sellpixels-robot Can I get an update on the Visual Builder? Its been months now that it should have been released? Any info at all???
    Marcelo Ribeiro da Silva
    how do I update all packages declared in the Clean UI package.json file to the latest version including React 17? I tried to run the yarn upgrade command, but an error is thrown when the yarn start command is executed: Cannot read property 'use' of undefined
    Fletrix Dev
    UI teams are sad with not complete things (Sketch) such as typography, colors, widgets symbols. Also, Ant design is not equal to CleanUI at all.
    How can we transfer those styles/ components to Sketch? Is it a JSON file?
    As complete as you described in website: https://vue.cleanui.cloud/?#/ui-kits/antd
    Daniel Vianna
    I'm also interested in the Visual Builder
    it says it was released :)
    Vincent Walker
    Anyone have any news about the Visual Builder ?
    Cristiano Possa
    Hi! Theres any supporter online? I'm having trouble running HTML version inside a Laravel project.