The state of stress at consisting of normal stress and shear stress is shown on a stress element.
Note that the direction of the shear stress is usually determined by inspection. The shear stress on the right face of the element (i.e., face) acts in the same direction as the shear force on the exposed surface on the beam free-body diagram.