When exporting an object as in example below: <div class="highlight highlight-sour

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

The following helped. Thanks: Welcome panel <div class="highligh

$Resetters[name] is not a function about babel-plugin-rewire HOT 3 CLOSED

speedskater commented on June 2, 2024

__$Resetters__[name] is not a function

from babel-plugin-rewire.

Comments (3)

speedskater commented on June 2, 2024

Maybe I have misunderstood you but I think you have an error in your export/import.

Either you should do default export which works as follows:

in WelcomePanel:

export default WelcomePanel;

in the test:

import ComponentToTest from './src/WelcomePanel';

Or you should used named exports in which case you should do:

in WelcomePanel
export class WelcomePanel ....

int the test:

import { WelcomePanel as ComponentToTest, Rewire, ResetDependency } .....

Or leave WelcomePanel as is and change the test code to:

import { assert } from 'chai';
import React, { Component } from 'react';
import { default as ComponentToTest } from 'modules/welcomePanel/welcomePanel.component';
'use strict'

describe('Tests General Configuration', function(){

it('should not be null', function(){

ComponentToTest.__Rewire__('node',"hey I'm mock")

let panel = new ComponentToTest.WelcomePanel();
panel.initPanel(document.body,`This is message no `);
assert.isNotNull("Basic Test");

//after test code otherwise it will not be called:

ComponentToTest.ResetDependency('node');
})
})

from babel-plugin-rewire.

speedskater commented on June 2, 2024

@vnovick Does the previous comment solve your issue?

from babel-plugin-rewire.

vnovick commented on June 2, 2024

The following helped. Thanks:

Welcome panel

import { node } from 'utils/dom';
import React from 'react';
import Card from 'components/card.component';

class WelcomePanel extends Card {
  constructor(props){
    super(props);
  }

  render() {
    return (
      <div className="welcome-panel">
         <Card content={node.toString()} />
      </div>
      )
  }

  initPanel(el,content){
    React.render( <WelcomePanel content={content} />, el);   
  }
}

export default { Class: WelcomePanel }

Test:

import { assert } from 'chai';
import React, { Component } from 'react';
import {Class as ComponentToTest, __Rewire__, __ResetDependency__ } from 'modules/welcomePanel/welcomePanel.component';
'use strict'

describe('Tests General Configuration', function(){


  it('should not be null', function(){

    __Rewire__('node',"hey I'm mock")

    let a = ['a','b','c'];
    for( let b of a){

    }

    let panel = new ComponentToTest
    panel.initPanel(document.body,`This is message no `)
    assert.isNotNull("Basic Test")
  })
})

__ResetDependency__('Card');